后台管理系统-权限管理

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


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

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

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

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

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

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

用户管理:

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

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

角色管理:

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

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

权限(菜单)管理:

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

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

1.若依:若依系统

2.COOL:COOL-ADMIN

相关推荐
小白学大数据几秒前
Python 爬虫如何分析并模拟 JS 动态请求
开发语言·javascript·爬虫·python
2301_79651252几秒前
React Native鸿蒙跨平台开发包含输入收入金额、选择收入类别、记录备注和日期等功能,实战react-native-paper组件
javascript·react native·react.js
巴拉巴拉~~6 分钟前
Flutter 通用表单输入组件 CustomInputWidget:校验 + 样式 + 交互一键适配
javascript·flutter·交互
San30.8 分钟前
现代前端工程化实战:从 Vite 到 Vue Router 的构建之旅
前端·javascript·vue.js
sg_knight8 分钟前
模块热替换 (HMR):前端开发的“魔法”与提速秘籍
前端·javascript·vue·浏览器·web·模块化·hmr
A24207349309 分钟前
js常用事件
开发语言·前端·javascript
Fighting_p12 分钟前
【导出】前端 js 导出下载文件时,文件名前后带下划线问题
开发语言·前端·javascript
WYiQIU13 分钟前
从今天开始备战1月中旬的前端寒假实习需要准备什么?(飞书+github+源码+题库含答案)
前端·javascript·面试·职场和发展·前端框架·github·飞书
AI分享猿14 分钟前
新手跨境电商实测:Apache 搭站,雷池 WAF 零基础部署
安全·web安全·react.js·网络安全·开源·apache
摸鱼少侠梁先生16 分钟前
通过接口获取字典的数据进行渲染
前端·javascript·vue.js