0
点赞
收藏
分享

微信扫一扫

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


Role分配Auth-系列文章目录

项目一众筹网06_03

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

必须要先了解的思路,怎么实现权限管理的

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


项目一众筹网06_03,给角色分配Auth/菜单或者说是权限、回显checkbox、建角色与菜单/权限关联关系表、执行给角色分配菜单_java_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

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


默认展开用户体验会好很多

除了我们之前的办法,设置open,还有一种办法

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


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


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


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

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


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

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


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


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


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


然后就可以了

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

已经分配的,怎么回显

回显checkBox

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

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

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

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


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


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


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

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

准备假数据,我们开发一个新的项目的时候,也是完全可以采用这种思路,

因为完全没有假数据的情况,并不直观,会增加开发难度

而我们程序员要做的事情就偷懒,美其名曰:一劳永逸

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


接下来就是

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


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

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

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


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

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


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

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

然后就是mapper,开始写sql

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


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


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


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


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

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

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

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


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


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


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


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


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


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

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

拿到数据后,下一步怎么操作?

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


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


联动是什么意思

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


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


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

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


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

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

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


思路:

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


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


看一下能不能拿到数据

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

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

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

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


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

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


假设如果是这样的话,会有什么问题?

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


这样的话,服务器端接收的时候,要加花/方括号

所以我们把它放到一个对象里面

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


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

25-后端-handler和service代码

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


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


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


实现类

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


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

26-执行分配-后端-SQL

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

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

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

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


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

28-Role分配Auth-小结

29-给Menu分配 权限(给菜单分配权限)

给菜单分配

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

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

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

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

谷歌浏览器打断点

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


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


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


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

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


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

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

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


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

debugger;


举报

相关推荐

0 条评论