系统权限设计实现_精确菜单和按钮

￡神魔★判官ぃ 2022-03-31 12:30 308阅读 0赞

每个系统都离不开权限控制，这里来说说页面上控制到按钮的思路，仅提供思路：

使用 角色 + 资源（菜单和菜单对应页面上的按钮）+ 授权的方式。

1  定义角色与用户；

假定这里我们只控制到角色这一层次，一个用户一个角色，设计如下：

角色表： role(role\_id, role\_name)

用户表： user(user\_id, username, role\_id)，其中role\_id是角色表的外键。

2  定义资源

这里假定把菜单、按钮都看成是一种资源，一个菜单上面有多个按钮。

菜单表： menu(menu\_id, nemu\_name, menu\_url)

按钮表： operation(btn\_id, btn\_code, btn\_name, btn\_title, menu\_id)  btn\_title 为提示

按钮表，其中menu\_id 区分这个按钮是属于那一个页面，btn\_code 存这个按钮在页面上的组件ID，这个在一个页面下应该是唯一的，方便后续页面定位她。比如我的HTML页面A，有一个按钮 <input type='button' id='saveBtn' ......这里 btn\_code 就存 saveBtn。

3 录入资源

录入菜单与对应按钮到菜单表和按钮表，数据根据开发的页面而来。

假如我有2个页面

a.html (页面有2个按钮，保存 id: saveBtn，删除 id: deleteBtn )；

b.html (页面有2个按钮，新增 id: addBtn，提交 id: submitBtn )；

那么我录入的数据应该是：

菜单表：

（1，a页面， /a.html）菜单ID假设是1

（2，b页面， /b.html）菜单ID假设是2

按钮表：

（1， saveBtn， 保存， 保存按钮，1）

（2， deleteBtn， 删除， 删除按钮，1）

（3， addBtn， 新增， 新增按钮，2）

（4， submitBtn， 提交， 提交按钮，2）

4 设计授权表

配置角色对资源的访问权限，角色与资源多对多，设计如下：

权限表： author(id, role\_id, resource\_id, resource\_type)    注释： id, 角色ID，资源ID， 资源类型（菜单还是按钮）

5 录入授权数据

录入角色与资源的权限关系，此时某个角色能够访问的资源数据已经有了，包括菜单和按钮。

进入页面控制：

进入页面之前，根据用户拿到角色，根据当前访问的菜单，拿到有权限的按钮；

页面初始化完成后（比如jQuery.ready()），根据按钮ID，有权限的按钮显示，没权限的按钮隐藏(所以之前按钮要保存页面的组件ID)；

ok 已经完成了，这里只给了思路，具体的要看自己的实现，这个很简单，也不知道有没有说清楚

题外话： 正常的开发里面，应该是页面做完之后，进入资源管理，录入菜单，按钮信息，然后再进行授权工作。

对于菜单，应该还有个功能页面之说，其不在菜单栏显示，作为一种服务，比如某个页面弹出的新页面，这个页面是不显示在菜单栏的，但是他和菜单又很像，暂且叫功能，上文为了简单没有说这个。  
\---------------------  
原文：https://blog.csdn.net/chen42955/article/details/47423501

发表评论取消回复

表情：

评论列表（有 0 条评论，308人围观）

还没有评论，来说两句吧...

相关阅读

相关动态菜单/RBAC标准完整权限管理系统的实现,通用角色权限控制系统五张表逻辑关联设计实现

序言：众所周知，RBAC（Role-Based Access Control，基于角色的访问控制）权限系统是每个系统里面必备的最基本的系统，然而权限系统设计有时挺麻烦的，现

我不是女神ヾ/ 2023年10月05日 13:42/ 0 赞/ 4 阅读

相关 ant design pro 从服务器拉取菜单后，菜单权限控制，按钮权限控制

前提从服务器请求菜单：[https://blog.csdn.net/aSuncat/article/details/109557489][https_blog.csdn

野性酷女/ 2022年12月20日 11:23/ 0 赞/ 197 阅读

相关权限系统设计

权限系统设计前言权限管理是所有后台系统的都会涉及的一个重要组成部分，主要目的是对不同的人访问资源进行权限的控制，避免因权限控制缺失或操作不当引发的风险问题，如操

短命女/ 2022年11月16日 04:56/ 0 赞/ 222 阅读

相关 vue实现菜单权限控制

需求：当前系统登录用户具有不同的角色，前端页面需要针对不同角色用户来展现不同的菜单，从而需要实现菜单权限控制功能。思路： 1. 获取后台返回的菜单数据； 2.

秒速五厘米/ 2022年10月18日 00:54/ 0 赞/ 217 阅读

相关【商城应用】菜单权限设计

今天给大家介绍一下后台管理系统中权限功能的开发，先给大家介绍一下权限功能产品部分的设计，数据库设计以后有时间再和大家介绍。其实如果在需求都确定的情况下，开发功能是一件特别简单的

我就是我/ 2022年05月14日 22:26/ 0 赞/ 332 阅读

相关按钮权限和查询条件权限的实现思路

现如今前后端分离,开发用的都是html页面,而不用jsp页面,在这种情况下,怎么样做到权限系统精确到每个按钮? 首先要设计好数据库,这是我最近做的一个权限管理的一个按钮权限表

╰+哭是因爲堅強的太久メ/ 2022年05月13日 17:19/ 0 赞/ 154 阅读

相关 EasyUI Menu 菜单和按钮

一、EasyUI Menu 菜单: [http://www.jeasyui.net/plugins/163.html][http_www.jeasyui.net_pl

深碍√TFBOYSˉ_/ 2022年05月09日 10:36/ 0 赞/ 255 阅读

相关系统权限设计实现_精确菜单和按钮

每个系统都离不开权限控制，这里来说说页面上控制到按钮的思路，仅提供思路：使用角色 + 资源（菜单和菜单对应页面上的按钮）+ 授权的方式。 1 定义角色与用户；

￡神魔★判官ぃ/ 2022年03月31日 12:30/ 0 赞/ 309 阅读

相关 Android悬浮菜单按钮FloatingActionButton实现

今天给大家讲解的是如何打造悬浮式按钮程序截图 ![70][] 点击+号展开（这个按钮我全用白色代替的） ![70 1][] 获取点击状态

绝地灬酷狼/ 2021年09月16日 07:04/ 0 赞/ 1088 阅读

相关权限系统设计

点击上方 [Java后端][Java]，选择设为星标优质文章，及时送达 ![format_png][] 作者 | iceblow 链接 | www.cnblogs.

冷不防/ 2021年08月19日 17:56/ 0 赞/ 427 阅读