Blazor 是一个基于WebAssembly的框架,用于在浏览器中以C#编写客户端应用程序。在.NET 5之前,Blazor被标记为实验性的,但自.NET 5开始,Blazor已经成为.NET平台的一部分,并且不再被视为实验性的。
下面是一个使用Blazor的简单代码示例:
首先,创建一个Blazor组件。在这个示例中,我们创建一个简单的计数器组件,用于增加和显示一个计数器的值。
Counter.razor:
Counter: @currentCount
@code {
private int currentCount = 0;
private void IncrementCount()
{
currentCount++;
}
}
然后,在Blazor应用程序的主页面中使用该组件。
Index.razor:
@page "/"
Hello, Blazor!
最后,在Blazor应用程序的入口文件中启动应用程序。
Program.cs:
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using System;
using System.Net.Http;
using System.Threading.Tasks;
namespace BlazorApp
{
public class Program
{
public static async Task Main(string[] args)
{
var builder = WebAssemblyHostBuilder.CreateDefault(args);
builder.RootComponents.Add("app");
builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
await builder.Build().RunAsync();
}
}
}
通过以上步骤,我们创建了一个简单的Blazor应用程序,其中包含一个计数器组件。你可以在浏览器中运行该应用程序,并看到点击“Increment”按钮时计数器的值会增加。