项目开发-添加按钮和中间件权限处理

luffyitcity 2023-01-13 02:29:13

课时名称	课时知识点
项目开发-添加按钮和中间件权限处理	项目开发-添加按钮和中间件权限处理

...全文

134 回复打赏收藏举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

不管是移动端，还是pc端，可能都会有用户登录操作，不同的用户之间又拥有不同的角色，而不同角色之间势必存在不同的权限；如果按照类型划分，大概可分为三类：菜单权限、按钮权限、数据权限；数据权限：前端在请求头统一封装，携带用户信息，由后端解析返回；菜单权限：通过element菜单组件实现；按钮权限：通过自定义指令实现；菜单权限&按钮权限：本质上也是通过数据权限，由后端返回当前用户所有有权限菜单及按钮，然后由前端处理；} }

使用Maple-Boot开源项目的权限控制功能，本文描述了项目中菜单权限、按钮权限、数据权限如何使用。

目录一、菜单，按钮权限配置二、根据不同角色配置不同的菜单权限以及按钮权限，具体页面显示如下三、根据不同的权限显示不同的菜单四、按钮显示隐藏权限控制是项目中，特别是系统项目中比较常见的功能了。那么我现在就来结合实际的项目需求，讲讲在react中是如何实现权限控制的。项目是使用umi搭建的，实现的需求有：根据不同角色配置不同的菜单权限以及按钮权限根据不同的权限显示不同的菜单按钮显示隐藏一、菜单，按钮权限配置 1.项目使用的是配置式路由，首先我们将

RBAC是一种基于角色权限控制，进而控制用户的权限。具体而言，对系统操作的各种权限不是直接授予具体的用户，而是在用户集合与权限集合之间建立一个角色集合。每一种角色对应一组相应的权限。一旦用户被分配了适当的角色后，该用户就拥有此角色的所有操作权限。这样做的好处是，不必在每次创建用户时都进行分配权限的操作，只要分配用户相应的角色即可，而且角色的权限变更比用户的权限变更要少得多，这样将简化用户的权限管理，减少系统的开销。

普通用户的角色权限标识为common，现在要为普通用户添加菜单和按钮的权限，其中菜单包括普通菜单和动态路由菜单。最后去设置角色的权限，在后台管理系统中选择角色管理，点击修改，配置按钮权限即可。在meta属性中配置roles数组，指定要添加的角色权限字符，如common。使用admin账号先在后台管理中的菜单管理为指定菜单添加按钮，为菜单配置权限字符，需要与后台配置的权限字符保持一致，然后为按钮指定权限字条，须与后台的权限字符保持一致。然后到角色管理中，配置菜单权限。点击修改，勾选要赋予权限的菜单。

路飞的课程社区_NO_1

1

社区成员

278

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章