后台管理系统-权限管理

在后台管理系统当中,权限管理占着非常重要的位置,权限管理,顾名思义,就是用来管理用户登录后台的权限。


在权限管理中有三个重要的名词:账号,角色,权限

账号:通过账号进入平台,通过控制账号来控制所具备的权限 ,进而控制这个用户的授权范围
角色:角色是一个集合的概念 ,是众多最小权限颗粒的组成,我们通过把权限给这个角色,再吧角色给账号,从而实现账号的权限
权限:权限包括页面权限,操作权限和页面权限。页面权限控制可以让不同的角色看到不同的界面,控制权限可以让管理人员有增删改查的能力,而普通员工没有,数据权限可以让不同的角色看到不同的权限

他们三个紧密相连,权限管理的目的就是用来管理用户的权限 ,那么多用户,我们不能给每一个用户单独设置权限,如果说我们的后台可以登录上万个用户,突然有一天,这个后台新增了一个权限,那我们岂不是要给所有的用户都添加上这个权限,这不是很麻烦吗,有没有比较便捷的方法,这个时候,角色就出来了,在账号和权限之间紧密相连,我们通过将权限给角色,然后用户绑定角色,这样就可以实现用户统一管理了。

核心就是一个用户可以拥有多个角色,一个角色可以被多个用户共享

流程:当用户点击登录进入后台,登录成功通过接口返回一个token,然后我们通过这个token获取用户信息,然后再通过用户信息当中的角色返回一个权限列表,权限列表当中有两个主要权限,第一个就是路由页面权限,第二个就是按钮操作权限。然后通过返回的权限对页面和按钮进行渲染。

权限管理中常用的三个界面:用户管理,菜单管理,角色管理

用户管理:

用户来源于系统内部注册或外部导入,用户有用户名、密码、姓名、手机号、角色,操作等属性

编辑可以对权限进行操作,以此来控制用户权限

角色管理:

角色可以分为很多个角色,不同的管理部门后台的角色不一样,普通角色可以拥有部分或全部功能模块的权限,超级管理员角色可以拥有所有功能模块的权限,并且可以管理其他用户和角色。

编辑可以对权限进行编辑,通过角色来控制用户权限:

权限(菜单)管理:

权限分为页面权限、操作权限和数据权限。菜单管理是用来存所有的页面和操作数据权限的,页面权限控制用户可以看到哪些页面或菜单,操作权限控制用户可以在页面上执行哪些操作或按钮,数据权限控制用户可以查看或修改哪些数据或范围。

这里和大家推荐两个好用的后台管理页面:

1.若依:若依系统

2.COOL:COOL-ADMIN

相关推荐
gaolei_eit1 小时前
Vue3项目ES6转ES5,兼容低版本的硬件设备,React也
javascript·react.js·es6
一位搞嵌入式的 genius1 小时前
从 ES6 到 ESNext:JavaScript 现代语法全解析(含编译工具与实战)
前端·javascript·ecmascript·es6
子兮曰7 小时前
OpenClaw架构揭秘:178k stars的个人AI助手如何用Gateway模式统一控制12+通讯频道
前端·javascript·github
旅之灵夫8 小时前
【GitHub项目推荐--Remotion:使用React编程化创建视频】⭐⭐⭐
github
百锦再8 小时前
Reactive编程入门:Project Reactor 深度指南
前端·javascript·python·react.js·django·前端框架·reactjs
Ashley的成长之路8 小时前
2025 年最新:VSCode 中提升 React 开发效率的必备插件大全
ide·vscode·react.js·工作提效·react扩展
百锦再8 小时前
React编程高级主题:测试代码
android·前端·javascript·react.js·前端框架·reactjs
颜酱9 小时前
图结构完全解析:从基础概念到遍历实现
javascript·后端·算法
小迷糊的学习记录10 小时前
Vuex 与 pinia
前端·javascript·vue.js
发现一只大呆瓜10 小时前
前端性能优化:图片懒加载的三种手写方案
前端·javascript·面试