ASP.NET Core 5.0 Razor Pages 如何搭建用户角色管理UI？

手动搭建步骤 #

• 确认核心服务注册：首先确保你的Program.cs中已经注入了UserManager<IdentityUser>和RoleManager<IdentityRole>两个Identity核心服务，默认启用Identity的项目都会默认注册，缺失的话补充对应服务注册代码即可。
• 开发用户列表页面：新增/Admin/Users路径的Razor Page，在PageModel的构造函数中注入上述两个服务，OnGet方法中通过UserManager.Users.ToList()获取全量用户数据，前端用表格渲染用户名、邮箱、注册时间等基础字段，每行新增「角色分配」操作按钮，点击跳转至角色绑定页面并传递当前用户ID参数。
• 开发角色分配页面：新增/Admin/AssignRole路径的Razor Page，OnGet阶段先通过传入的用户ID调用UserManager.FindByIdAsync(userId)获取目标用户，再分别调用RoleManager.Roles.ToList()获取系统所有角色、UserManager.GetRolesAsync(user)获取当前用户已绑定的角色，前端用复选框组渲染所有角色，已绑定的角色默认勾选。提交请求时，先调用UserManager.RemoveFromRolesAsync(user, currentRoles)清空用户原有角色，再调用UserManager.AddToRolesAsync(user, selectedRoles)批量绑定选中的角色，操作完成后跳转回用户列表页。
• 新增管理页面权限限制：给/Admin目录下的所有页面加管理员角色授权，在Program.cs中添加配置约定即可：

builder.Services.AddRazorPages()
    .AddRazorPagesOptions(options =>
    {
        options.Conventions.AuthorizeFolder("/Admin", "RequireAdministratorRole");
    });

可参考的实用资源 #

• Identity脚手架生成代码：使用dotnet aspnet-codegenerator identity命令可以生成全套默认Identity UI代码，其中已经包含用户基础信息管理的页面结构，你可以直接在生成的代码基础上扩展角色管理逻辑，不需要从零搭建页面样式和基础交互。
• 官方角色管理代码示例：微软官方ASP.NET Core文档的Identity角色管理章节提供了完整的用户角色增删改查、分配解绑的可复用代码示例，你可以直接复制适配到自己的项目中。
• 开源Razor Pages实战项目：公开的ASP.NET Core Razor Pages开源项目中大多包含成熟的用户角色管理模块，其核心逻辑都是基于UserManager和RoleManager的原生API实现，复用性很高，可以直接参考其实现逻辑。

内容的提问来源于stack exchange，提问作者herbert ichama