15、构建动态Web应用：Blazor、ASP.NET与SignalR实战

构建动态Web应用：Blazor、ASP.NET与SignalR实战

1. Blazor与ASP.NET开发动态Web应用

1.1 热重载功能

热重载是一项非常实用的功能，它能让开发者在调试模式（F5）下对Razor组件和C#天气预测服务进行修改，无需重新构建和部署项目，页面就能自动更新以反映代码的变化。

以下是Counter组件更新前后的代码示例：
- 更新前 ：

@page “/counter"
@attribute [Authorize]

<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

<p role="status">Current count: @currentCount</p>

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

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

• 更新后 ：

@page “/counter"

<