Blazor 中的状态管理

介绍

Blazor用于创建动态客户端 Web UI。Blazor 不使用 JavaScript，而是提供构建丰富且交互式 UI 的工具。它提供全栈应用程序开发体验，并提供端到端支持，允许客户端应用程序共享服务器端逻辑。

所有当前浏览器（包括移动浏览器）都支持基于 Blazor 的 Web 用户界面。

对于交互式 UI，Blazor 在浏览器中呈现 HTML 和 CSS。

Blazor 支持来自.NET生态系统的.NET 库这一事实是其优势之一。

术语“组件”是指 Blazor 的关键思想之一。组件是在浏览器中呈现的对象，负责为用户提供交互，以便他们可以更改输入的数据并将其用于处理。称为组件的独立对象具有用户界面、数据和行为。数据绑定和事件绑定都用于将此行为连接到组件的不同 UI 组件。组件中既可以包含 Blazor 必备的组件（例如 InputText、InputNumber、InputSelect 等），也可以包含用于定义组件布局的标准 HTML 元素（例如 Div、Table 等），最终用户可以使用这些通用组件获得交互性。

Blazor 中的状态管理

组件可以通过在它们之间共享特定数据来相互通信。在这种情况下，数据从父组件传输到子组件，子组件可以使用事件将数据发送回父组件。即使没有父子关系，这些部分仍然能够相互通信。当组件未连接时，全局状态容器对象会维护状态。在整个应用程序范围内，此对象作为依赖项容器中的单例对象进行管理。

要将状态管理集成到 Blazor 项目中，可以按照以下步骤操作：

步骤 1 - 创建一个简单的 Blazor 项目

状态管理在 Blazor Web 程序集项目和 Blazor Server 项目上运行良好。

打开 Visual Studio 并创建一个新的 Blazor Web Assembly 项目。

步骤 2-创建模型类

public class Student
{
    public int StudentID { get; set; }
    public string StudentName { get; set; }
}

public class Students : List<Student>
{
    public Students()
    {
        Add(new Student() { StudentID = 1, StudentName = "Mohan" });
        Add(new Student() { StudentID = 2, Stud