标签：razor 应用程序 Server 解读点击 Blazor 页面

一、构建项目Blazor Server程序

效果图：

打开VS2019，选择“创建新项目”：

然后，选择“Blazor Server 应用”：

点击“下一步”：

填写“项目名称”，选择项目保存在的文件夹位置，点击“下一步”：

目标框架选择最新的“.Net 5.0”，身份验证选择“无”，点击“创建”：

这样，第一个Blazor server程序就创建好了，点击工具栏中的运行IIS Express，看看效果：

是不是很简单？如果您有云服务器，就可以发布上去了，您就拥有了开发一个网站的能力。

二、Blazor Server程序的特点

Blazor Server程序的页面渲染是在服务端，通过SignalR反应到客户端，客户端浏览器无需下载大量的运行环境dll，只下载wwwroot下的有关内容，这样页面反应迅速，但前提是要求网络连接要相对稳定，不能断网。客户端的每次操作，如点击，选择等都会通过网络与服务器进行交互。对于客户端浏览器的处理速度也没有多大关系，性能差一点也可以忍受。Blazor Server服务器要保存每个连接客户端的状态信息，对于服务器内存要求较高。

三、Blazor Server 程序的目录结构

wwwroot放了网站的静态资源如css、js、image文件；
Data文件夹存放数据、服务及其他相关类，当然可以放到其他目录；
Page是应用程序的razor页面，当然可以放到其他目录；
Shared文件夹存放公共的razor页面，当然可以放到其他目录；
_import.razor是应用程序引用的命名空间，也不是所有的命名空间都必须要写到里面；
_Host.cshtml是主页加载页面，相当于网站的默认主页index.html；
App.razor是应用程序的启动路由页面，里面规定了默认Layout；
appsetting.json是应用程序的默认配置文件；
program.cs是程序的入口，目的是创建IHostBuilder并启动它；
startup.cs非常重要，里面配置了应用程序的服务类，及需要的功能及中间件，应用程序的核心功能都要通过里面进行配置。

1、Startup.cs

public void ConfigureServices(IServiceCollection services)

里面配置应用程序需要的服务。

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)

里面设置应用程序需要的功能、中间件处理管道。

2、App.razor

App.razor定义了程序的全局路由，当客户端请求路由正确时，则会执行<Found></Found>节点，DefaultLayout="@typeof(MainLayout)"则规定了默认布局模板。当客户端请求路由不正确时，则会执行<NotFound></NotFound>节点在页面输出错误信息“Sorry, there's nothing at this address.”