概述

主页  ASP.NET Core Blazor | Microsoft Docs

控件:

ant-design-blazor

GitHub - ant-design-blazor/ant-design-blazor

Ant Design of Blazor (gitee.io)

参考:

Blazor client-side + webapi (.net core 3.1) 添加jwt验证流程(非host)第三章 客户端存储及验证 - SimplerJiang - 博客园 (cnblogs.com)

Blazor 极简登录模型_张善友的技术博客_51CTO博客

延迟加载

在 ASP.NET Core Blazor WebAssembly 中延迟加载程序集 | Microsoft Docs

使用思路

所有的组件都是一个特殊的类,所以,类具有的东西,组件大部分都具有,例如属性

举例说明:假如你想使用context.User.Identity.Name,那么前提是,这个组件中有context这个属性

如下所示,Authorized就拥有这个属性,所以可以这样子做:

<AuthorizeView>
    <Authorized>
        <AvatarDropdown Name="@(context.User.Identity.Name)"
                        Avatar=""
                        MenuItems="@AvatarMenuItems"
                        OnItemSelected="HandleSelectUser" />
    </Authorized>
</AuthorizeView>