Razor Pages中转换MVC用户角色管理页面代码的问题求助

嗨，我帮你梳理下Razor Pages里需要调整的地方，分PageModel和前端视图两部分来改，这样就能适配Razor Pages的模式了：

第一部分：修正PageModel代码 #

你的现有PageModel存在空引用风险和绑定逻辑的小问题，先调整成这样：

public class ManageUserRolesModel : PageModel
{
    private readonly UserManager<IdentityUser> _userManager;
    private readonly RoleManager<IdentityRole> _roleManager;

    public ManageUserRolesModel(UserManager<IdentityUser> userManager, RoleManager<IdentityRole> roleManager)
    {
        _userManager = userManager;
        _roleManager = roleManager;
    }

    // 存储当前用户ID，开启SupportsGet支持Get请求传参
    [BindProperty(SupportsGet = true)]
    public string UserId { get; set; }

    // 角色列表模型，提前初始化避免空引用
    public List<RolesViewModel> UserRolesList { get; set; } = new List<RolesViewModel>();

    public async Task<IActionResult> OnGetAsync()
    {
        var user = await _userManager.FindByIdAsync(UserId);
        if (user == null)
        {
            return NotFound();
        }

        foreach (var role in _roleManager.Roles)
        {
            var roleViewModel = new RolesViewModel
            {
                RoleId = role.Id,
                RoleName = role.Name,
                // 简化选中状态赋值
                IsSelected = await _userManager.IsInRoleAsync(user, role.Name)
            };
            UserRolesList.Add(roleViewModel);
        }

        return Page();
    }

    // 补充表单提交的处理方法，对应MVC的Post Action
    public async Task<IActionResult> OnPostAsync()
    {
        var user = await _userManager.FindByIdAsync(UserId);
        if (user == null)
        {
            return NotFound();
        }

        // 先移除用户当前所有角色，再重新添加选中的角色
        var currentUserRoles = await _userManager.GetRolesAsync(user);
        await _userManager.RemoveFromRolesAsync(user, currentUserRoles);

        var selectedRoles = UserRolesList.Where(r => r.IsSelected).Select(r => r.RoleName);
        await _userManager.AddToRolesAsync(user, selectedRoles);

        // 跳回用户编辑页面，替换成你的实际页面路径
        return RedirectToPage("/Users/EditUser", new { id = UserId });
    }
}

调整说明：

• 提前初始化UserRolesList，避免循环添加时触发空引用异常
• 用带SupportsGet = true的绑定属性存储UserId，替代MVC的ViewBag传值
• 简化角色选中状态的赋值逻辑
• 补充OnPostAsync方法，处理表单提交后的角色更新逻辑，这是Razor Pages处理Post请求的标准方式

第二部分：修正前端视图（ManageUserRoles.cshtml） #

Razor Pages的视图绑定的是整个PageModel，和MVC直接绑定模型列表的逻辑不同，调整如下：

@page
@model 你的命名空间.ManageUserRolesModel <!-- 替换成你的PageModel实际命名空间 -->

<form method="post">
    <div class="card">
        <div class="card-header">
            <h2>Manage User Roles</h2>
        </div>
        <div class="card-body">
            @for (int i = 0; i < Model.UserRolesList.Count; i++)
            {
                <div class="form-check m-1">
                    <input type="hidden" asp-for="UserRolesList[i].RoleId" />
                    <input type="hidden" asp-for="UserRolesList[i].RoleName" />
                    <input asp-for="UserRolesList[i].IsSelected" class="form-check-input" />
                    <label class="form-check-label" asp-for="UserRolesList[i].IsSelected">
                        @Model.UserRolesList[i].RoleName
                    </label>
                </div>
            }
            <div asp-validation-summary="All" class="text-danger"></div>
        </div>
        <div class="card-footer">
            <input type="submit" value="Update" class="btn btn-primary" style="width:auto" />
            <!-- 跳回用户编辑页，替换成你的实际页面路径 -->
            <a asp-page="/Users/EditUser" asp-route-id="@Model.UserId" class="btn btn-primary" style="width:auto">Cancel</a>
        </div>
    </div>
</form>

调整说明：

• 开头必须添加@page，这是Razor Pages的核心标识
• @model指向你的PageModel类，而非直接的列表模型
• 循环时通过Model.UserRolesList[i]访问列表项，对应PageModel里的属性
• 用Model.UserId替代ViewBag获取用户ID
• 跳转链接使用asp-page指定目标页面，而非MVC的asp-action，符合Razor Pages的路由规则
• 表单直接提交到当前页面，会自动触发PageModel的OnPostAsync方法

最后请确保你的RolesViewModel类结构和原MVC的UserRolesViewModel一致，包含RoleId、RoleName、IsSelected三个属性即可。

备注：内容来源于stack exchange，提问作者Megan Paterson