后台管理系统-权限管理

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


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

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

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

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

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

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

用户管理:

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

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

角色管理:

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

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

权限(菜单)管理:

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

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

1.若依:若依系统

2.COOL:COOL-ADMIN

相关推荐
不会敲代码116 分钟前
前端组件化样式隔离实战:React CSS Modules、styled-components 与 Vue scoped 对比
css·vue.js·react.js
进击的尘埃1 小时前
Vue3 响应式原理:从 Proxy 到依赖收集,手撸一个迷你 reactivity
javascript
willow1 小时前
JavaScript数据类型整理1
javascript
LeeYaMaster1 小时前
20个例子掌握RxJS——第十一章实现 WebSocket 消息节流
javascript·angular.js
UIUV2 小时前
RAG技术学习笔记(含实操解析)
javascript·langchain·llm
阿虎儿2 小时前
React Hook 入门指南
前端·react.js
阿虎儿3 小时前
React Context 详解:从入门到性能优化
前端·vue.js·react.js
颜酱4 小时前
理解二叉树最近公共祖先(LCA):从基础到变种解析
javascript·后端·算法
FansUnion4 小时前
我如何用 Next.js + Supabase + Cloudflare R2 搭建壁纸销售平台——月成本接近 $0
javascript
左夕5 小时前
分不清apply,bind,call?看这篇文章就够了
前端·javascript