1. 首先，创建一个名为“UserProfile”的类，该类将包含用户资料的各个属性，例如名称，年龄，性别等。

public class UserProfile
{
    public string Name { get; set; }
    public int Age { get; set; }
    public string Gender { get; set; }
    // 其他属性
}

2. 接下来，在页面中创建一个名为“UserDetails”的组件。在该组件中，我们将通过注入UserManager服务来获取当前用户的信息。

@page "/userdetails"
@inject UserManager userManager

@if (userProfile == null)
{
    
Loading...
}
else
{
    
@userProfile.Name
    
Age: @userProfile.Age
    
Gender: @userProfile.Gender
    // 其他用户详细信息
}

@code {
    private UserProfile userProfile;
    
    protected override async Task OnInitializedAsync()
    {
        var user = await userManager.GetUserAsync(User);
        if (user != null)
        {
            userProfile = new UserProfile
            {
                Name = user.UserName,
                // 其他用户详细信息的赋值
            };
        }
    }
}

3. 最后，在我们的NavMenu组件中，我们将向菜单添加链接以导航到UserDetails组件。

    
         User Details
    

现在，我们的Blazor服务器端Web应用程序将能够在“User Details”页面中向新用户显示当前用户资料。