步骤

  1. 准备编辑角色用的 ViewModel

    1. public class EditRoleViewModel
    2. {
    3.  [Display(Name = "角色Id")]
    4.  public string Id { get; set; }
    6.  [Required]
    7.  [Display(Name = "角色名称")]
    8.  public string RoleName { get; set; }
    10.  public List<string> Users { get; set; }
    12.  public EditRoleViewModel()
    13.  {
    14.      Users = new List<string>();
    15.  }
    16. }

  2. EditRole Get 方法，通过传入的 Id 返回角色编辑相关信息

    1. [HttpGet]
    2. public async Task<IActionResult> EditRole(string id)
    3. {
    4.  var role = await _roleManager.FindByIdAsync(id);
    6.  if (role == null)
    7.  {
    8.      ViewBag.ErrorMessage = $"角色 Id 为 {id} 的信息不存在，请重试。";
    9.      return View("NotFound");
    10.  }
    12.  var model = new EditRoleViewModel
    13.  {
    14.      Id = role.Id,
    15.      RoleName = role.Name
    16.  };
    18.  var users = _userManager.Users.ToList();
    19.  foreach (var user in users)
    20.  {
    21.      // 如果用户拥有此角色，请讲用户名添加到 EditRoleViewModel 的 Users 属性中
    22.      if (await _userManager.IsInRoleAsync(user, role.Name))
    23.      {
    24.          model.Users.Add(user.UserName);
    25.      }
    26.  }
    28.  return View(model);
    29. }

  3. 编辑角色视图 ```html @model EditRoleViewModel

@{ ViewBag.Title = “编辑角色”; }

编辑角色

  1. <div class="form-group row">
  2.     <label asp-for="RoleName" class="col-sm-2 col-form-label"></label>
  3.     <div class="col-sm-10">
  4.         <input asp-for="RoleName" class="form-control" placeholder="请输入角色名称" />
  5.         <span asp-validation-for="RoleName" class="text-danger"></span>
  6.     </div>
  7. </div>
  9. <div asp-validation-summary="All" class="text-danger"></div>
  11. <div class="form-group row">
  12.     <div class="col-sm-10">
  13.         <button type="submit" class="btn btn-primary" style="width: auto">更新</button>
  14.         <a class="btn btn-primary" asp-action="ListRoles">取消</a>
  15.     </div>
  16. </div>
  18. <div class="card">
  19.     <div class="card-header">该角色中的用户</div>
  20.     <div class="card-body">
  21.         @if (Model.Users.Any())
  22.         {
  23.             foreach (var user in Model.Users)
  24.             {
  25.                 <h5 class="card-title">@user</h5>
  26.             }
  27.         }
  28.         else
  29.         {
  30.             <h5 class="card-title">目前没有信息</h5>
  31.         }
  32.     </div>
  33.     <div class="card-footer">
  34.         <a class="btn btn-primary" style="width: auto" asp-action="CreateRole" asp-controller="Admin">添加用户</a>
  35.         <a class="btn btn-danger" style="width: auto" asp-action="CreateRole" asp-controller="Admin">删除用户</a>
  36.     </div>
  37. </div>

  2. 4. 更新角色信息
  3. ```csharp
  4. [HttpPost]
  5. public async Task<IActionResult> EditRole(EditRoleViewModel model)
  6. {
  7.     var role = await _roleManager.FindByIdAsync(model.Id);
  9.     if (role == null)
  10.     {
  11.         ViewBag.ErrorMessage = $"角色 Id 为 {model.Id} 的信息不存在，请重试。";
  12.         return View("NotFound");
  13.     }
  15.     role.Name = model.RoleName;
  16.     var result = await _roleManager.UpdateAsync(role);
  17.     if (result.Succeeded)
  18.     {
  19.         return RedirectToAction("ListRoles");
  20.     }
  22.     foreach (var error in result.Errors)
  23.     {
  24.         ModelState.AddModelError("", error.Description);
  25.     }
  27.     return View(model);
  28. }

效果

image.png