以下是一个使用Blazor Server和异步/等待模式的简单示例:
首先,创建一个Blazor Server应用程序。在Pages文件夹中创建一个名为"AsyncExample.razor"的文件,并添加以下代码:
@page "/async-example"
异步/等待示例
点击按钮来触发异步操作:
@result
@code {
private string result;
private async Task DoAsyncOperation()
{
result = "正在进行异步操作...";
await Task.Delay(2000); // 模拟一个异步操作
result = "异步操作完成!";
}
}
该代码演示了在Blazor页面中使用异步/等待模式执行一个简单的异步操作。当点击按钮时,页面将显示一个“正在进行异步操作”的消息,然后等待2秒钟(使用Task.Delay模拟真实的异步操作),最后显示一个“异步操作完成!”的消息。
在Blazor Server应用程序的Startup.cs文件中,确保已启用对Blazor的服务端预渲染。在ConfigureServices方法中添加以下代码:
services.AddServerSideBlazor();
运行应用程序并导航到"/async-example"页面,您应该能够看到一个按钮和相应的消息。当您点击按钮时,消息将更新为"正在进行异步操作...",然后2秒钟后更新为"异步操作完成!"。