本文深入解析Blazor应用的架构组成，从Program.cs程序入口点到Startup.cs的配置逻辑，再到wwwroot/index.html起始页及Pages/_Host.cshtml根页面的加载流程。详细介绍了_blazor.webassembly.js和_blazor.server.js的作用，以及App.razor根组件如何通过路由组件实现客户端导航。此外，还概述了Pages和Shared文件夹中razor组件的组织方式，以及MainLayout和NavMenu组件的使用。
Program.cs 程序入口点
Startup.cs 包含程序的启动逻辑，定义了两个方法
- 1，
ConfigureServices配置DI服务 - 2，
Configure配置程序的请求处理管道
wwwroot/index.html 程序的起始页
- 当客户端发出请求，将返回这个页面
- 这个页面指定哪些组件被渲染，组件在Startup.Configure里指定
- _framework/blazor.webassembly.js 下载.net runtime ，程序和程序的依赖，初始化运行时来运行程序
Pages/_Host.cshtml 程序的根页面（服务器端）
- 当客户端发出请求，将返回这个页面
- _framework/blazor.server.js 安装浏览器与服务器之间的SignalR连接
- 指定哪些组件被渲染
App.razor 程序的根组件，用路由组件初始化客户端的路由，路由组件拦截浏览器的导航，打开请求地址
Pages文件夹 包含razor组件，组成了Blazor应用，每个页面的路由用 @page指定
Shared 文件夹 包含其它的UI组件（razor）
- MainLayout （MainLayout.razor）程序的布局组件
- NavMenu（NavMenu.razor）实现侧边栏导航，包括NavLink组件 ，用于将导航链接渲染到组件，并自动显示选择链接的状态
_Imports.razor 包含一些导入其它组件的指令
wwwroot 程序的公共静态文件
appsettings.json (Blazor Server) 程序的配置
扫一扫
392
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
