带有登录名的 Blazor 示例仪表板

Blazor 是一个使用 .NET 构建 Web 应用程序的开源框架，可以实现使用 C# 编写浏览器应用程序。本文介绍了如何创建一个 Blazor 示例仪表板，以显示当前已登录用户的用户名。

步骤 1：创建新的 Blazor 应用程序

首先，需要使用 dotnet CLI 创建一个新的 Blazor 应用程序。运行以下命令：

dotnet new blazorserver -n BlazorDashboardWithLoginName

此命令将创建一个名为 BlazorDashboardWithLoginName 的新项目。在创建项目之后，请进入项目目录：

cd BlazorDashboardWithLoginName

步骤 2：添加用户名到登录页

现在，需要修改应用程序的登录页，以显示当前已登录用户的用户名。打开 Pages/Login.razor 文件，并添加以下代码：

@if (authState.User.Identity.IsAuthenticated)
{
    <p>欢迎，@authState.User.Identity.Name!</p>
}

该代码使用 Blazor 的认证状态服务（AuthenticationStateProvider）获取当前已登录用户的身份信息，并显示其用户名。

步骤 3：测试应用程序

现在，可以启动应用程序并测试其功能。运行以下命令：

dotnet run

应用程序将启动并在本地 Web 服务器上运行。访问 https://localhost:5001/login 页面，并输入任意的用户名和密码。完成登录后，将会看到欢迎消息，其中包含您输入的用户名。

结论

通过 Blazor 和 .NET，可以轻松地创建带有登录名的仪表板，以显示当前已登录用户的身份信息。在本文中，已经介绍了如何创建一个示例应用程序，因此您可以在自己的项目中使用类似的技术来实现此功能。