引言

随着 .NET Core 的不断成熟与完善，Microsoft 推出了 Blazor 框架，旨在简化 Web 应用程序的开发过程。Blazor 支持两种模式：Blazor Server 和 Blazor WebAssembly。本文将重点介绍 Blazor Server 端开发，从基础概念到常见问题及解决方案，帮助开发者快速上手。C# 一分钟浅谈：Blazor Server 端开发_Server

什么是 Blazor Server？

Blazor Server 是一种基于 ASP.NET Core 的框架，它允许开发者使用 C# 和 Razor 语法构建交互式 Web 应用程序。在 Blazor Server 模式下，应用程序的 UI 渲染和事件处理都在服务器端完成，通过 SignalR 实现与客户端的实时通信。

基本架构

  • 客户端：浏览器通过 SignalR 连接到服务器。
  • 服务器：处理 UI 渲染和事件处理，并通过 SignalR 将更新推送到客户端。

快速入门

创建 Blazor Server 应用

  1. 打开 Visual Studio，选择“创建新项目”。
  2. 选择“Blazor App”，点击“下一步”。
  3. 输入项目名称，选择“Blazor Server App”，点击“创建”。

基本组件

Blazor 组件是 Blazor 应用的基本构建块。一个简单的组件示例如下：

@page "/counter"

<h3 id="h0">Counter</h3>

<p>Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.

数据绑定

Blazor 支持双向数据绑定，可以轻松地在组件之间传递数据。例如：

@page "/input-example"

<h3 id="h1">Input Example</h3>

<p>Enter your name: <input @bind="name" /></p>
<p>Hello, @name!</p>

@code