项目一众筹网06_03,给角色分配Auth/菜单或者说是权限回显checkbox建角色与菜单/权限关联关系表执行给角色分配菜单

Posted 2022-02-10 平凡加班狗

Role分配Auth-系列文章目录

项目一众筹网06_03

文章目录

• Role分配Auth-系列文章目录
• 19-打开模态框-显示树-展开并显示checkbox
• 20-勾选已分配-后端-查询数据 Role分配Auth
• • 回显checkBox
  • 建中间表：角色 与 权限/菜单 关联关系表
  • 根据角色id （根据中间表）查询出该角色id所拥有的权限id 后台代码
• 21-勾选已分配-前端-发请求拿到数据
• 22-勾选已分配-前端-勾选已分配
• 23-执行分配-前端-获取已经勾选的authId
• 24-前端-发送请求执行分配
• 25-后端-handler和service代码
• 26-执行分配-后端-SQL
• 27-执行分配-后端-修复Bug
• 28-Role分配Auth-小结
• 29-给Menu分配 权限（给菜单分配权限）
• 30-JavaScript代码在浏览器上Debug调试
• • 谷歌浏览器打断点
  • 火狐浏览器 打断点，调试代码
• debugger;

19-打开模态框-显示树-展开并显示checkbox

默认展开用户体验会好很多
除了我们之前的办法，设置open，还有一种办法



之后我们刷新页面再看，就是默认展开的了

然后就可以了

20-勾选已分配-后端-查询数据 Role分配Auth

已经分配的，怎么回显

回显checkBox

Role分配Auth：一个角色可以被分配很多个权限，一个权限也可以被很多个角色所拥有，也是多对多

建中间表：角色 与 权限/菜单 关联关系表

比如上图，id 为 1的 角色 的权限有哪些，查询就这样查

准备假数据，我们开发一个新的项目的时候，也是完全可以采用这种思路，
因为完全没有假数据的情况，并不直观，会增加开发难度
而我们程序员要做的事情就偷懒，美其名曰：一劳永逸

接下来就是

接下来就是一条sql语句，我们从handler开始

根据角色id （根据中间表）查询出该角色id所拥有的权限id 后台代码

简洁固然是好，但是为了简洁，失去了对这个接口的友好说明，其实是不太好的

然后就是mapper，开始写sql

21-勾选已分配-前端-发请求拿到数据

经过上面的一套走完，后端处理好，我们看前端






确保能够拿到数据我们再来进行下一步

22-勾选已分配-前端-勾选已分配

拿到数据后，下一步怎么操作？


联动是什么意思


我们这里不要选择联动，联动的话，后端回显的时候，难度要大很多，不太方便

23-执行分配-前端-获取已经勾选的authId

思路：


看一下能不能拿到数据

24-前端-发送请求执行分配

想一想，这样的数据我们怎么发送给服务器？

假设如果是这样的话，会有什么问题？

这样的话，服务器端接收的时候，要加花/方括号
所以我们把它放到一个对象里面

25-后端-handler和service代码

实现类

26-执行分配-后端-SQL

27-执行分配-后端-修复Bug

成功了不要弹出状态码给客户看

28-Role分配Auth-小结

29-给Menu分配 权限（给菜单分配权限）

给菜单分配

其实跟我们上面讲的是一样的

30-javascript代码在浏览器上Debug调试

谷歌浏览器打断点

就跟我们java里面这个差不多

火狐浏览器 打断点，调试代码

debugger;