后台是根据vue-element-admin做的,需要做权限管理,不同的使用者显示不同页面(包括页面中的按钮)
角色类型
- 超级管理员拥有所有权限,可以设置其他用户的权限
- 子账户只可看到自己的页面,不能设置其他用户的权限
权限配置流程
- 先设置按钮权限
- 再设置角色,角色里配置对应的路由和按钮
- 添加用户的时候直接选择角色即可,选择对应的角色,就会有对应的页面和按钮权限了,一个用户可以对应多个角色,去重显示
按钮权限配置
角色配置
整体的思路就是: 用户登录后,将获取的用户权限保存到vuex中,并把项目中的路由与用户的路由列表匹配,显示用户对应的列表,用户跳转的页面的时候判断有没有这个页面,有久进入,没有就显示404页面