篇(14)-Asp.Net Core入门实战-权限管理之角色编辑和赋权(ViewModel-DTO初探 ...

入门实战-权限管理之角色编辑和赋权(ViewModel-DTO初探)
前面几章讲了菜单功能的管理之后，我们再创建一个角色管理的功能，创建过程不再详细介绍，只要按照菜单管理功能的步骤进行创建即可；和前面讲的稍微不同的是，现在多了一个Service层和异步操作，功能处理的代码放在这个层完成，只在Controller中调用即可。
一、再讲角色的操作之前，我们先聊一个概念：ViewModel,或者叫DTO；两个是一个意思，叫法不一样而已。ViewModel是ASP.NET MVC应用中的隐式声明的层，用来维护Model和View之间的数据传递, 因此，ViewModel也简称为数据传输对象或 DTO。
我们举个简单的例子：我先以原来Menu菜单功能中的一个查看菜单明细Details来举例说明。
(1):其View代码(Details.cshtml)如下

(2):其Controller的Details Action代码如下：

(3):其预览效果为：

Controller传递到View视图的数据是item，并还定了一个ViewBag.PageTitle的数据，我想把ViewBag.PageTitle个跟随Model item一并传递到View，而且不用ViewBag的方式，那么我就新建一个ViewModel类型的Model，叫MenuView，它的代码是这样：


在Controller中改如何获取值：

在View中如何显示值：

以上就是一个ViewModel的简单应用例子，很好理解。
二、在接着说角色功能的例子，简单说下过程
1.创建角色数据表ManagerRole;

1. <strong>CREATE TABLE [dbo].[ManagerRole](
2. [Id] [int] IDENTITY(1,1) NOT NULL,
3. [RoleName] [varchar](64) NOT NULL,
4. [RoleType] [int] NOT NULL,
5. [IsSystem] [bit] NOT NULL,
6. [AddManagerId] [int] NOT NULL,
7. [AddTime] [datetime] NOT NULL,
8. [ModifyManagerId] [int] NULL,
9. [ModifyTime] [datetime] NULL,
10. [IsDelete] [bit] NOT NULL,
11. [Remark] [varchar](128) NULL,
12. CONSTRAINT [PK_MANAGERROLE] PRIMARY KEY NONCLUSTERED
13. (
14. [Id] ASC
15. )WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
16. ) ON [PRIMARY]
17. GO</strong>

复制代码

 
2.编写角色Model，ManagerRole;

1. public class ManagerRole
2. {
3. /// <summary>
4. /// 主键
5. /// </summary>
6. [Key]
7. public int Id { get; set; }
8. /// <summary>
9. /// 角色名称
10. /// </summary>
11. [Required]
12. public String RoleName { get; set; }
13. /// <summary>
14. /// 角色类型1超管2系管
15. /// </summary>
16. [Required]
17. public int RoleType { get; set; }
18. /// <summary>
19. /// 是否系统默认
20. /// </summary>
21. [Required]
22. public Boolean IsSystem { get; set; }
23. /// <summary>
24. /// 添加人
25. /// </summary>
26. public int AddManagerId { get; set; }
27. /// <summary>
28. /// 添加时间
29. /// </summary>
30. public DateTime AddTime { get; set; }
31. /// <summary>
32. /// 修改人
33. /// </summary>
34. public int? ModifyManagerId { get; set; }
35. /// <summary>
36. /// 修改时间
37. /// </summary>
38. public DateTime? ModifyTime { get; set; }
39. /// <summary>
40. /// 是否删除
41. /// </summary>
42. public Boolean IsDelete { get; set; }
43. /// <summary>
44. /// 备注
45. /// </summary>
47. public String Remark { get; set; }

复制代码

 
3.编写角色Controller[ManagerRoleController.cs]和View;

（3.1）Index.cshtml的View视图代码

1. @using RjWebCms.Db;
2. @model PaginatedList<ManagerRole>
3. @{
4. ViewData["Title"] = "角色列表";
5. }
6. @section Scripts{
8. }
10. @ViewData["Title"]
11. @Html.AntiForgeryToken()
12. <form asp-action="Index" method="get">
13. <table>
14. <tr><td><a asp-controller="ManagerRole" asp-action="Create">添加</a></td></tr>
15. <tr>
16. <td>查询关键词:<input type="text" name="SearchString" value="@ViewData["CurrentFilter"]" /></td>
17. <td><input type="submit" value="查询" /></td>
18. <td><a asp-action="Index">Back</a></td>
19. <td><a id="DelAll" name="DelAll">批量删除</a></td>
20. </tr>
21. </table>
22. </form>
23. <table class="table table-hover">
24. <thead>
25. <tr>
26. <td>✔</td>
27. <td><a asp-action="Index" asp-route-sortOrder="@ViewData["NameSortParm"]" asp-route-currentFilter="@ViewData["CurrentFilter"]">角色名称</a></td>
28. <td>角色类型</td>
29. <td><a asp-action="Index" asp-route-sortOrder="@ViewData["DateSortParm"]" asp-route-currentFilter="@ViewData["CurrentFilter"]">时间</a></td>
30. <td>操作</td>
31. </tr>
32. @foreach (var item in Model)
33. {
34. <tr>
35. <td><input type="checkbox" class="done-checkbox" name="chk_ids" value="@item.Id"></td>
36. <td>@item.RoleName</td>
37. <td>@item.RoleType</td>
38. <td>@item.AddTime</td>
39. <td>
40. <a asp-controller="ManagerRole" asp-action="Details" asp-route-id="@item.Id">View</a>
41. <a asp-action="Edit" asp-route-id="@item.Id">Edit</a>
42. <a asp-controller="RolePermission" asp-action="Index" asp-route-id="@item.Id">Menu</a>
43. <a asp-controller="ManagerRole" asp-action="Delete" asp-route-id="@item.Id">Delete</a>
44. </td>
45. </tr>
46. }
47. </thead>
48. </table>
49. @{
50. var prevDisabled = !Model.HasPreviousPage ? "disabled" : "";
51. var nextDisabled = !Model.HasNextPage ? "disabled" : ""; ;
52. }
53. <a asp-action="Index"
54. asp-route-sortOrder="@ViewData["CurrentSort"]"
55. asp-route-pageNumber="@(Model.PageIndex - 1)"
56. asp-route-currentFilter="@ViewData["CurrentFilter"]"
57. class="btn btn-default @prevDisabled">
58. 上一页
59. </a>
60. <a asp-action="Index"
61. asp-route-sortOrder="@ViewData["CurrentSort"]"
62. asp-route-pageNumber="@(Model.PageIndex + 1)"
63. asp-route-currentFilter="@ViewData["CurrentFilter"]"
64. class="btn btn-default @nextDisabled">
65. 下一页
66. </a>

复制代码

 
（3.2）Create.cshtml视图代码

1. @{ ViewData["Title"] = "新建角色"; }
2. @model ManagerRole
3. <form action="/ManagerRole/Create" method="post">
4. @Html.AntiForgeryToken()
6. <label asp-for="RoleName">角色名称</label>
8. <input type="text" asp-for="RoleName" name="RoleName" placeholder="请输入角色名称">
12. <label asp-for="RoleType">角色类型</label>
14. <select name="RoleType" class="RoleType">
15. <option value="1">超级管理员</option>
16. <option value="2" selected>系统管理员</option>
17. </select>
21. <label asp-for="IsSystem">系统默认</label>
23. <select asp-for="IsSystem" name="IsSystem" class="IsSystem">
24. <option value="False" selected>否</option>
25. <option value="True">是</option>
26. </select>
30. <label asp-for="Remark">备注</label>
32. <textarea placeholder="请输入备注信息" asp-for="Remark" name="Remark"></textarea>
37. <button type="submit">确定</button>
38. <button type="reset">重置</button>
41. </form>

复制代码

 
（3.3）Edit.cshtml视图代码

1. @{ ViewData["Title"] = "角色编辑"; }
2. @model ManagerRole
3. <form action="/ManagerRole/Edit" method="post">
4. @Html.AntiForgeryToken()
5. <input type="hidden" asp-for="Id" />
7. <label asp-for="RoleName">角色名称</label>
9. <input type="text" asp-for="RoleName" name="RoleName" class="layui-input RoleName" lay-verify="required" placeholder="请输入角色名称">
13. <label asp-for="RoleType">角色类型</label>
15. <select name="RoleType" class="RoleType">
16. <option value="1" selected="@(Model.RoleType == 1 ? " selected" : null)">超级管理员</option>
17. <option value="2" selected="@(Model.RoleType == 2 ? " selected" : null)">系统管理员</option>
18. </select>
22. <label asp-for="IsSystem">系统默认</label>
24. <select asp-for="IsSystem" name="IsSystem" class="IsSystem">
25. <option value="false" selected="@(Model.IsSystem==false ? " selected" : null)">否</option>
26. <option value="true" selected="@(Model.IsSystem==true ? " selected" : null)">是</option>
27. </select>
31. <label asp-for="Remark">备注</label>
33. <textarea placeholder="请输入备注信息" asp-for="Remark" name="Remark" class="layui-textarea Remark"></textarea>
38. <button type="submit">确定</button>
39. <button type="reset">重置</button>
42. </form>

复制代码

 
（3.4）ManagerController.cs控制器代码如下，注意各个Action的类型声明，在Index这个Action上，我加了个[Authorize]声明，意思是，如果你要查看角色，必须是登录用户才行。

1. public class ManagerRoleController : Controller
2. {
3. private readonly IManagerRoleService _roleService;
4. private readonly AppDbContext _appDbContext;
5. public ManagerRoleController(IManagerRoleService roleService, AppDbContext appDbContext)
6. {
7. _roleService = roleService;
8. _appDbContext = appDbContext;
9. }
11. [Authorize]
12. public async Task<IActionResult> Index(string sortOrder,string currentFilter,string searchString,int? pageNumber)
13. {
14. ViewData["CurrentSort"] = sortOrder;
15. ViewData["NameSortParm"] = String.IsNullOrEmpty(sortOrder) ? "name_desc" : "";
16. ViewData["DateSortParm"] = sortOrder == "Date" ? "date_desc" : "Date";
17. if (searchString != null)
18. {
19. pageNumber = 1;
20. }
21. else
22. {
23. searchString = currentFilter;
24. }
25. ViewData["CurrentFilter"] = searchString;
26. var mRoles = from s in _appDbContext.ManagerRole
27. select s;
28. if (!string.IsNullOrEmpty(searchString))
29. {
30. mRoles = mRoles.Where(s => s.RoleName.Contains(searchString));
31. }
33. switch (sortOrder)
34. {
35. case "name_desc":
36. mRoles = mRoles.OrderByDescending(s => s.RoleName);
37. break;
38. case "Date":
39. mRoles = mRoles.OrderBy(s => s.AddTime);
40. break;
41. case "date_desc":
42. mRoles = mRoles.OrderByDescending(s => s.AddTime);
43. break;
44. default:
45. mRoles = mRoles.OrderBy(s => s.RoleName);
46. break;
47. }
49. int pageSize = 4;
50. return View(await PaginatedList<ManagerRole>.CreateAsync(mRoles.AsNoTracking(), pageNumber ?? 1, pageSize));
51. }
53. [HttpGet]
54. public IActionResult Create()
55. {
56. return View();
57. }
59. [HttpPost]
60. [ValidateAntiForgeryToken]
61. public async Task<IActionResult> Create(ManagerRole mRole)
62. {
63. //去掉对字段IsSystem的验证,IsSystem在数据库是bool类型,而前端是0和1，ModelState的验证总是报false，所以去掉对其验证
64. //ModelState.Remove("IsSystem");//在View端已经解决了了bool类型，那么此行代码可以不用
65. if (ModelState.IsValid)
66. {
67. var successful = await _roleService.AddManagerRoleAysnc(mRole);
68. if (successful)
69. return RedirectToAction("RoleList");
70. else
71. return BadRequest("失败");
72. }
73. return View(mRole);
74. }
76. [HttpGet]
77. public async Task<IActionResult> Edit(int id)
78. {
79. if (string.IsNullOrEmpty(id.ToString()))
80. return NotFound();
81. var mRole = await _roleService.FindManagerRoleAsync(id);
82. if (mRole == null)
83. return NotFound();
84. return View(mRole);
85. }
87. [HttpPost]
88. [ValidateAntiForgeryToken]
89. public async Task<IActionResult> Edit(int id,ManagerRole mRole)
90. {
91. if (id != mRole.Id)
92. {
93. return NotFound();
94. }
95. if (ModelState.IsValid)
96. {
97. try
98. {
99. var result = await _roleService.UpdateManagerRoleAsync(id,mRole);
100. }
101. catch (Exception ex)
102. {
103. return BadRequest("编辑失败");
104. }
105. return RedirectToAction("Index");
106. }
107. return View(mRole);
108. }
110. [HttpGet]
111. public async Task<IActionResult> Delete(int id)
112. {
113. var result = await _roleService.DeleteManagerRoleAsync(id);
114. if (result)
115. return RedirectToAction("Index");
116. else
117. return BadRequest("删除失败");
118. }
120. [HttpPost]
121. [ValidateAntiForgeryToken]
122. public async Task<IActionResult> DeleteAll(string idString)
123. {
124. int countSuccessDel = 0;//记录删除成功的数据条数
125. int countFailedDel = 0;//记录删除成功的数据条数
126. if (idString.Length > 0)
127. {
128. if (idString.IndexOf(',') > 0)
129. {
130. string[] ids = idString.Split(',');
131. foreach (string id in ids)
132. {
133. var result = await _roleService.DeleteManagerRoleAsync(int.Parse(id));
134. if(result)
135. countSuccessDel++;
136. else
137. countFailedDel++;
138. }
139. if (countSuccessDel > 0)
140. return RedirectToAction("Index");
141. else
142. return BadRequest("删除失败");
143. }
144. }
145. return BadRequest("失败");
146. }
148. [HttpGet]
149. public async Task<IActionResult> Details(int id)
150. {
151. if (string.IsNullOrEmpty(id.ToString()))
152. return NotFound();
153. var mRole = await _roleService.FindManagerRoleAsync(id);
154. if (mRole == null)
155. return NotFound();
156. return View(mRole);
157. }
158. }

复制代码

 
（3.5）给角色赋权菜单
在列表页，也就是Index的Action内对其进行分页和添加相关的增、删、改、查的按钮，列表页多一个设置菜单的按钮(Menu)，点击Menu按钮的目的是为了给这个角色赋予菜单的权限，这是权限管理控制到菜单级别的一种处理方式。

我在菜单列表页（Index.cshtml）中Menu的链接我是这样写的如下图：

链接到新的Controller和对应的Action:RolePermission是表[RolePermission]对应的Controller，它存储了角色Id与菜单Id的关系；

一个角色如何设置和编辑其具有哪些菜单的页面视图如下：

（3.6）上面设置角色菜单的这个页面的View代码如下（从这里开始那么涉及到了ViewModel的功能），可以看@model指令，我引入了一个MenuView，这是一个ViewModel类型，因为需要集合数据，单纯的一个Menu无法满足我的数据显示和操作，看完View代码，请注意对应的Controller代码：

1. @model MenuView
2. @{
3. ViewData["Title"] = "设置角色的权限菜单";
4. }
5. @section Scripts{
8. }
11. @ViewData["Title"]
12. @Html.AntiForgeryToken()
14. 当前角色:<label id="lab_rolename">@ViewData["roleName"]</label>
15. <button type="button" id="btnSave">保存</button>
16. <input type="hidden" id="hidden_roleid" value="@ViewData["roleId"]"/>
19. <table class="table table-hover">
20. <thead>
21. <tr>
22. <td>系统类别</td>
23. <td>菜单名称</td>
24. </tr>
25. @foreach (var item in Model.MenuList)
26. {
27. if (item.ParentId == 0)
28. {
29. <tr>
30. <td>
31. <input type="checkbox" name="Cbox_H" value="@item.Id"
32. @(Html.Raw(Model.MenuIds.Contains(item.Id)? "checked="checked"" : "")) />
33. @item.DisplayName
34.  
35. </td>
36. <td> </td>
37. </tr>
38. }
39. else
40. {
41. <tr>
42. <td> </td>
43. <td>
44. <input type="checkbox" name="Cbox_H" value="@item.Id"
45. @(Html.Raw(Model.MenuIds.Contains(item.Id) ? "checked="checked"" : "")) />
46. @item.DisplayName
47. </td>
48. </tr>
49. }
50. }
51. </thead>
52. </table>

复制代码

 
这里着重理解一下代码：
就是复选框赋值问题：通过三元运算，判断当前RoleId下有这个MenuId,则选中复选框，没有这个MenuId，就置空。
简单说下处理逻辑：
(1).视图页面将列出所有菜单名称（带复选框）；点开本页就只有一种操作-编辑；
(2).编辑时，需要先将原有选择保存过的显示勾选上，然后可再勾选编辑保存；
 
（3.7）权限勾选菜单设置的Controller操作代码，
3.7.1 先看MenuView代码

3.7.2再看RolePermissionController.cs的代码

1. public class RolePermissionController : Controller
2. {
3. private readonly IRolePermissionService _rolePermissionService;
4. private readonly IManagerRoleService _managerRoleService;
5. private readonly IMenuService _menuService;
6. private readonly AppDbContext _appDbContext;
7. public RolePermissionController(IRolePermissionService rolePermissionService, IManagerRoleService managerRoleService,IMenuService menService,AppDbContext appDbContext)
8. {
9. _rolePermissionService = rolePermissionService;
10. _managerRoleService = managerRoleService;
11. _menuService = menService;
12. _appDbContext = appDbContext;
13. }
15. public async Task<IActionResult> IndexAsync(int id)
16. {
17. ViewData["roleId"] = id;
18. var ManagerRole = await _managerRoleService.FindManagerRoleAsync(id);
19. if (ManagerRole != null)
20. ViewData["roleName"] = ManagerRole.RoleName;
21. else
22. ViewData["roleName"] = "未知角色";
23. #region 查出已经分派权限的roleId 对应的MenuId 参数id=角色id
24. List<int> menuIds = new List<int>();
25. menuIds.Add(-1);
26. if (!string.IsNullOrEmpty(id.ToString()))
27. {
28. var rolepermissions = await _rolePermissionService.GetRolePermissionAsync(id);
29. foreach (RolePermission rp in rolepermissions)
30. {
31. menuIds.Add(rp.MenuId);
32. }
33. }
34. #endregion
35. #region 绑定前台CheckBox
36. var items = await _menuService.GetMenusByParentId(0);
37. List<Menu> lists = new List<Menu>();
38. List<RolePermission> listRolePermission = new List<RolePermission>();
39. foreach (Menu m in items)
40. {
41. lists.Add(m);
42. var items2 = await _menuService.GetMenusByParentId(m.Id);
43. foreach (Menu mu in items2)
44. {
45. lists.Add(mu);
46. }
47. }
48. var model = new MenuView()
49. {
50. MenuList = lists,
51. MenuIds = menuIds
52. };
53. return View(model);
54. #endregion
55. }
57. public async Task<IActionResult> EditAsync(int roleid,string idString)
58. {
59. string Msg = "保存成功";
60. #region 先删除旧的
61. await _rolePermissionService.DeleteRolePermissionByRoleId(roleid);
62. #endregion
63. #region 再添加新的
64. if (idString.Length > 0)
65. {
66. if (idString.IndexOf(',') > 0)
67. {
68. string[] ids = idString.Split(',');
69. List<RolePermission> rps = new List<RolePermission>();
70. foreach (string id in ids)
71. {
72. RolePermission rp = new RolePermission();
73. rp.RoleId = roleid;
74. rp.MenuId = int.Parse(id);
75. rps.Add(rp);
76. }
77. await _rolePermissionService.AddRolePermissionAsync(rps);
78. }
79. }
80. #endregion
81. return View(Msg);
82. }
83. }

复制代码

 
代码折叠起来读，就很好理解了。关于return View(Msg)，这是个简单处理，以后将统一返回Json或标准信息时，在详细讲解，你可以做这个Action转向，或Return Ok();
(3.8)其中RolePermission对应的Service代码如下：

1. public class RolePermissionService : IRolePermissionService
2. {
3. private readonly AppDbContext _appDbContext;
4. public RolePermissionService(AppDbContext appDbContext)
5. {
6. _appDbContext = appDbContext;
7. }
9. public async Task<bool> AddRolePermissionAsync(RolePermission rolePermission)
10. {
11. await _appDbContext.RolePermission.AddAsync(rolePermission);
12. var result = await _appDbContext.SaveChangesAsync();
13. return result == 1;
14. }
16. public async Task<bool> AddRolePermissionAsync(List<RolePermission> rps)
17. {
18. await _appDbContext.RolePermission.AddRangeAsync(rps);
19. var result = await _appDbContext.SaveChangesAsync();
20. return result == 1;
21. }
22. public async Task<bool> DeleteRolePermissionAsync(int Id)
23. {
24. var delRolePermission = await _appDbContext.RolePermission.FirstOrDefaultAsync(x => x.Id == Id);
25. if (delRolePermission != null)
26. {
27. _appDbContext.RolePermission.Remove(delRolePermission);
28. }
29. var result = await _appDbContext.SaveChangesAsync();
30. return result == 1; //注意(result==1 如果等式成立，则返回true，说明删除成功)
31. }
32. public async Task<bool> DeleteRolePermissionByRoleId(int roleId)
33. {
34. List<RolePermission> delRolePermissions = await _appDbContext.RolePermission.Where(x => x.RoleId == roleId).ToListAsync();
35. if (delRolePermissions != null)
36. {
37. foreach(RolePermission rp in delRolePermissions)
38. _appDbContext.RolePermission.Remove(rp);
39. }
41. var result = await _appDbContext.SaveChangesAsync();
42. return result == 1; //注意(result==1 如果等式成立，则返回true，说明删除成功)
43. }
45. /// <summary>
46. /// 查看一个角色与菜单ID对应关系
47. /// </summary>
48. /// <param name="Id"></param>
49. /// <returns></returns>
50. public async Task<RolePermission> FindRolePermissionAsync(int Id)
51. {
52. var item = await _appDbContext.RolePermission.Where(x => x.Id == Id).FirstOrDefaultAsync();
53. return item;
54. }
56. /// <summary>
57. /// 获取所有角色和菜单
58. /// </summary>
59. /// <returns></returns>
60. public async Task<RolePermission[]> GetRolePermissionAsync()
61. {
62. var items = await _appDbContext.RolePermission.ToArrayAsync();
63. return items;
64. }
65. /// <summary>
66. /// 获取一个角色的所有菜单
67. /// </summary>
68. /// <param name="roleId"></param>
69. /// <returns></returns>
70. public async Task<RolePermission[]> GetRolePermissionAsync(int roleId)
71. {
72. var items = await _appDbContext.RolePermission.Where(x => x.RoleId == roleId).ToArrayAsync();
73. return items;
74. }
76. /// <summary>
77. /// 更新角色权限
78. /// </summary>
79. /// <param name="id"></param>
80. /// <param name="rolePermission"></param>
81. /// <returns></returns>
83. public async Task<bool> UpdateRolePermissionAsync(int id, RolePermission rolePermission)
84. {
85. var oldRolePermission = await FindRolePermissionAsync(id); //找出旧对象
86. //将新值赋到旧对象上
87. oldRolePermission.MenuId = rolePermission.MenuId;
88. oldRolePermission.RoleId = rolePermission.RoleId;
89. oldRolePermission.Permission = rolePermission.Permission;
90. //对旧对象执行更新
91. _appDbContext.Entry(oldRolePermission).State = EntityState.Modified;
92. var result = await _appDbContext.SaveChangesAsync();
93. return result == 1;
94. }
96. }

复制代码

 
注意有批量添加的功能，读代码时可稍加留意。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！