张家港建网站,法律对网站建设的规制,wordpress 培训小程序,现在建网站做推广能赚钱吗VS自带的Blazor模板介绍需要升级VS2019以及.NET Core到最新版#xff08;具体的最低支持#xff0c;我已经忘了#xff0c;总是越新支持的就越好#xff09;#xff0c;以更好的支持自己开发Blazor项目。使用VS创建Blazor WebAssembly项目搜索Blazor模板选择Blazor WebAss… VS自带的Blazor模板介绍需要升级VS2019以及.NET Core到最新版具体的最低支持我已经忘了总是越新支持的就越好以更好的支持自己开发Blazor项目。使用VS创建Blazor WebAssembly项目搜索Blazor模板选择Blazor WebAssembly App模板项目实例项目实例BlazorApp.Shared提供最一般的支持包括各个ModelBlazorApp.Client依赖BlazorApp.Shared该项目侧重于Pages功能BlazorApp.Server依赖BlazorApp.Shared、BlazorApp.Client该项目侧重于提供接口功能BlazorApp.Client项目结构从上图可知 该项目主要包括wwwroot、Pages、Shared三个文件夹以及_Imports.razor、App.razor、Program.cs这三个单独的文件。wwwroot这个文件夹和我们ASP.NET Core MVC里的wwwroot基本一致不过需要注意的是这个文件夹里面有一个比较重要的文件index.html它是我们Blazor项目的起点。这个文件里也引用了blazor.webassembly.js可是我们在项目中没有看到。这没关系因为它会由Microsoft.AspNetCore.Components.WebAssembly.Build提供在运行编译的时候会自己出现的。Shared这个文件夹里有三个文件分别是MainLayout.razor、NavMenu.razor、SurveyPrompt.razor。MainLayout是Layout文件它定义了该项目的基本布局NavMenu是Component它实现了菜单功能并对外提供了独立而又单一的组件功能SurveyPrompt也是Component它实现了文件传入与连接跳转功能对外也是提供了独立而又单一的菜单功能同时这也是一个带参的组件 组件功能后续会详细介绍但是需要提前说明的是任何组件一经对外使用都是独立而又单一的。接下来看一下运行后的效果图整体的风格、左侧的菜单、右侧的链接都像我们展示了布局和组件功能Pages里面定义了三个.razor文件这也是模板提供给我的Blazor编写案例Index.razor向我们展示了组件的调用FetchData.razor向我们展示了Call远程API和路由功能page /fetchdataCounter.razor向我们展示了事件调用其他文件_Imports.razor这个文件和我们在ASP.NET Core项目中的_Imports.cshtml文件没有什么区别App.razor这是根组件里面定义了路由功能、默认布局、以及404展示Program.cs 在职能上和我们ASP.NET Core项目的Program.cs文件也没有什么区别但是里面定义了Http所要调用的EndPointbuilder.Services.AddTransient(sp new HttpClient { BaseAddress new Uri(builder.HostEnvironment.BaseAddress) });运行项目设置BlazorApp.Server为启动项目下载必须文件如图所示我们需要加载6.15M的文件同时可以看到Blazor的运行时信息mono_wasm_runtime_ready。接下来我们展开Object来看看其详细信息会看到Object中有太多的依赖程序集。打开源代码tab页会看到以下几个文件dotnet.wasm文件打开后会看到我们前文说过的WebAssembly文本格式的内容。blazor.webassembly.js用于下载.NET运行时依赖程序集等同时还会初始化运行应用的程序集dotnet.3.2.0.js也是我们之前所说的用于调用C#方法的JS文件添加页面这个比较简单如下操作即可接下来的内容我们将以此模板为例进行展开讨论
