后台管理系统-权限管理

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


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

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

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

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

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

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

用户管理:

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

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

角色管理:

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

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

权限(菜单)管理:

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

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

1.若依:若依系统

2.COOL:COOL-ADMIN

相关推荐
Jonathan Star4 小时前
沉浸式雨天海岸:用A-Frame打造WebXR互动场景
前端·javascript
老前端的功夫4 小时前
Web应用的永生之术:PWA落地与实践深度指南
java·开发语言·前端·javascript·css·node.js
LilySesy5 小时前
ABAP+WHERE字段长度不一致报错解决
java·前端·javascript·bug·sap·abap·alv
Wang's Blog6 小时前
前端FAQ: Vue 3 与 Vue 2 相⽐有哪些重要的改进?
前端·javascript·vue.js
再希6 小时前
React+Tailwind CSS+Shadcn UI
前端·react.js·ui
John Song6 小时前
git多个账号管理
git·github
用户47949283569156 小时前
JavaScript 的 NaN !== NaN 之谜:从 CPU 指令到 IEEE 754 标准的完整解密
前端·javascript
醉方休7 小时前
Web3.js 全面解析
前端·javascript·electron
前端开发爱好者8 小时前
前端新玩具:Vike 发布!
前端·javascript
今天也是爱大大的一天吖8 小时前
vue2中的.native修饰符和$listeners组件属性
前端·javascript·vue.js