后台管理项目之角色、权限、菜单、用户之间的关系(Vue+node.js+Mongodb)

时间:2024-05-20 12:07:26

一、首先创建角色(前提:存在菜单列表、权限列表)

1、首先此时已存在的菜单列表、权限列表(导航栏如下图)

                                                                     后台管理项目之角色、权限、菜单、用户之间的关系(Vue+node.js+Mongodb)后台管理项目之角色、权限、菜单、用户之间的关系(Vue+node.js+Mongodb)

后台管理项目之角色、权限、菜单、用户之间的关系(Vue+node.js+Mongodb)

2、然后在角色列表中,添加对应的角色,并为角色添加权限值、菜单值

后台管理项目之角色、权限、菜单、用户之间的关系(Vue+node.js+Mongodb)

后台管理项目之角色、权限、菜单、用户之间的关系(Vue+node.js+Mongodb)

后台管理项目之角色、权限、菜单、用户之间的关系(Vue+node.js+Mongodb)

3、接着打开用户列表,添加对应用户,并为该用户添加此角色(即测试角色)

后台管理项目之角色、权限、菜单、用户之间的关系(Vue+node.js+Mongodb)

4、然后登录此用户,测试一下菜单和权限是否正确

后台管理项目之角色、权限、菜单、用户之间的关系(Vue+node.js+Mongodb)

5、此时该用户登录,就只有权限菜单,并且只有查询权限,没有编辑和删除按钮

 

总结:
需要先创建菜单、权限列表;

然后给对应角色分配对应菜单、权限;

最后给用户添加对应角色,每个用户对应的菜单、权限就会不同。

 

其实把逻辑理清楚,就能明白,其中功能具体实现,之后会上传到github开源

写给自己的随笔,有问题欢迎指出ᕦ(・ㅂ・)ᕤ