后台管理系统-权限管理

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


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

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

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

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

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

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

用户管理:

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

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

角色管理:

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

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

权限(菜单)管理:

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

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

1.若依:若依系统

2.COOL:COOL-ADMIN

相关推荐
爱分享的程序猿-Clark10 分钟前
【前端分享】vue开发项目,如何实现 从A页面跳转到B页面,并传值!
前端·javascript·vue.js
冰暮流星21 分钟前
javascript之String方法介绍
开发语言·javascript·ecmascript
徐小夕41 分钟前
花了3天,我写了一款开源AI公众号编辑器
前端·vue.js·github
Hilaku1 小时前
2026 年前端大洗牌:React 服务端到 Vite 的底层重构
前端·javascript·程序员
名字还没想好☜1 小时前
React setState 连续调用「丢更新」排查:批量更新与函数式更新
前端·javascript·react.js·react·usestate
sugar__salt1 小时前
DeepSeek-R1 WebGPU (1):在浏览器里跑大模型
react.js·reactjs·react·端模型
come112341 小时前
Vue 2 与 Vue 3 语法区别及使用技巧
前端·javascript·vue.js
腻害兔2 小时前
【若依项目-产品经理视角】RuoYi-Vue-Pro 源码拆解:ERP 企业资源模块,一个轻量级进销存的完整实现?
前端·javascript·vue.js·人工智能·前端框架·产品经理·ai编程
糖果店的幽灵2 小时前
langgraph的四种state解析
java·前端·javascript·langgraph
Allshadow2 小时前
Nest.js - 目录结构
javascript·nestjs