Blazor官方文档学习记录

1 官方文档

https://dotnet.microsoft.com/zh-cn/apps/aspnet/web-apps/blazor

2 Blazor教程-生成首个应用

https://dotnet.microsoft.com/zh-cn/learn/aspnet/blazor-tutorial/create

注意：@rendermode InteractiveServer 为组件启用交互式服务器端呈现（有，功能点击可用；无，功能点击不可用）
组件名=组件文件名，添加组件使用文件名页面跳转使用：@page “/counter”
@inject ** 引用注册的服务

3 项目结构

https://learn.microsoft.com/zh-cn/aspnet/core/blazor/project-structure?view=aspnetcore-8.0
应用启动、注册、配置等。
注意：*.styles.css在项目中找不到，这个是由框架编译时自动生成的，它包含了各个界面css隔离的各类样式。

4 基础知识

4.1 生态

https://stackoverflow.com/questions/tagged/blazor
https://app.gitter.im/#/room/#aspnet_Blazor:gitter.im

4.2 Razor组件指令顺序

https://learn.microsoft.com/zh-cn/aspnet/core/blazor/fundamentals/?view=aspnetcore-8.0
@page、@rendermode（.NET 8 或更高版本）、@using、@layout

4.3 Razor组件的初始化方法

protected override async Task OnInitializedAsync()
{
   
	
}

4.4 在界面中对母版页进行设置，级联值与回调函数的使用

网站界面开发采用了母版页，设置网页内容的高度，遇到某一界面内容是动态生成的，高度不定，需要动态进行控制
https://learn.microsoft.com/zh-cn/aspnet/core/blazor/components/cascading-values-and-parameters?view=aspnetcore-8.0

//在母版页中
@inherits LayoutComponentBase
@inject NavigationManager NavigationManager
@layout MainLayout

@* 中间主体布局 *@
<div class="main-content" style="margin-top:20px;height:@Height;"></