varbuilder=WebApplication.CreateBuilder(args);//这些效劳是需求的builder.Services.AddServerSideBlazor();//我是图便利，让Razor页的目录直接设定于实质根目录builder.Services.AddRazorPages().WithRazorPagesAtContentRoot();varapp=builder.Build();
Blazor运用优先采用效劳器端的，有非凡需求才思虑WebAssembly。固然不是甚么硬规矩，但Web运用的优异保守都是效劳器担任功用耗损，让客户端当天主。故而，咱们要传承Web运用的贡献精力。
假使你刚来往Blazor，或许会困惑，为甚么还要起用RazorPages功效呢？由于Blazor也是Web运用是吧，它是在HTML页中加载的。嗯，你想一下，若是不先加载一个完全的HTML页，Blazor何如冒出来呢？以是，咱们的运用程序要先加载一个“外壳”页，而后再经过它来加载Blazor运用。
从这个形式咱们就懂得了，Blazor运用本来是单个HTML页上的运用，Blazor运用内的页面切换不过这个HTML页面内部一些标签的“轮换”罢了。即：Blazor中的“页”实质上是一个HTML组件；而HTML组件便是把一堆HTML标签包起来，能够做为模板随地欺诈。这比如你的PC主机，有个机箱，把内里的主板、管教器、硬盘、内存、显卡甚么的全数装好，当你要换个地点处事时，你唯有转动主机就好了，你不需求把内存、网卡的都拆出来又从新组装。
既然一个Blazor页是一个组件，那末，Blazor运用在启动后，是不是应当要有一个“操纵中央”，来安排不同组件之间的切换？固然平常的组件也能做为Blazor运用加载，但不能在多个组件中导航了。以是，咱们要先编写这个“操纵中央”，有了它，你就可以随地穿梭了，就像多拉B梦的时佛门同样。
正常，咱们把这个充任“主谋”的组件定名为App，Razor组件的文献扩充名是.razor。以是，文献名便是App.razor。来，咱们着手写一下。
usingMicrosoft.AspNetCore.ComponentsusingMicrosoft.AspNetCore.Components.RoutingusingSystem.ReflectionRouterAppAssembly="typeof(Program).Assembly"Context="routedata"FoundRouteViewRouteData="routedata"//FoundNotFoundp运用程序挂了……/p/NotFound/Router前方的三个
using和C#中的using一个事理，引入咱们用到的定名空间。自然了，假使你不想在每个组件文献中都写一遍，还能够在App.razor同级目录下建一个名为_Imports.razor的文献（首字母可大写可小写），而后把using写出来。App组件的根元素不是HTML元素，而是Router类，它能够凭借运用内部的URL在不同组件间导航，客户端涉猎器的住址栏不会变（前方说了，Blazor是单页面的）。AppAssembly属性指定Blazor组件要在哪个程序聚集搜索，99.%环境下都是咱们现时项目地点程序集。Context是个很有事理的属性，它的功效是为现时元素（这边是Router）所关连的高低文献目标分派一个变量名，这个名字你能够敷衍取，这边我定名为“routedata”，假使不指定，默许名字是“context”。
这边头啥事理呢？平昔啊，组件中展现元素是用一个叫“帧”的玩意儿来示意的。对应两个委派表率：
delegatevoidRenderFragment(Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilderbuilder)delegateMicrosoft.AspNetCore.Components.RenderFragmentRenderFragmentTValue(TValuevalue)
细致到第二个委派有些事理，它返回了第一个委派表率的实例，但咱们最该关怀的是它有个泛型参数TValue，咱们上头所说的阿谁Context属性，所关连的高低文目标便是经过这个泛型参数来传达的。
传达高低文目标后聪敏些啥呢？依然以咱们这个App组件来举例。Router接纳到高低文目标（在运转的时辰理论接纳了被路由管教后的URL）后，Router元素底下的子元素就可以够拜候这个高低文目标了，而拜候办法便是引用Context属性分派的变量名（此处是routedata）。
Router元素确定包罗两个子元素：
Found：假使从AppAssembly属性所指定的程序聚集找到了与路由规矩般配的Blazor组件，那末，就把这个组件展如今RouteView元素中；
NotFound：假使找不到般配的组件，那就展现它的子元素，这边是一个“屁”元素，文本是“运用程序挂了……”。
环节3
建一个新Blazor组件，名为Home.razor，做为此Blazor运用的真实主页。
page"/"divp下载文献：/pahref="/download"target="_blank"点这边/a/div做为Blazor的组件，要在首行明晰标注
page，“/”示意URL的根门路，即默许翻开的“页面”。为了简洁演示，此处元素指向了下载文献的住址，点一下就开端下载。/download指向一个Mini-API，这个咱们到着末再写。
环节4
Blazor组件实现了，接下来要弄一个Razor页，它是一个完全的HTML文档，用来加载Blazor运用。定名为appLoader.cshtml。细致，文献扩充名不同，不是Razor组件。
pageaddTagHelper*,Microsoft.AspNetCore.Mvc.TagHelpershtmllang="zh-cn"headmetacharset="utf-8"/basehref="~/"//headbody*关联足本*scriptsrc="_framework/blazor.server.js"/script*加载启动组件*