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

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

现如今前后端分离,开发用的都是html页面,而不用jsp页面,在这种情况下,怎么样做到权限系统精确到每个按钮?

首先要设计好数据库,这是我最近做的一个权限管理的一个按钮权限表

![70][]

code代表当前按钮功能的代码,在这个项目中用到了layui和vue.js做前端,当你一个用户登录的时候,获取到这个用户的角色类型,然后去数据库连表查询得到这个角色的权限菜单,根据不同的页面传入不同的参数,通过v-html将对应的权限代码放入页面中这样就能做到不同的角色登录系统展现的菜单功能是不同的:

![70 1][]

![70 2][]

查询条件权限怎么样做到?  
首先将页面上的查询条件设置为不可用,将查询条件的name的值设置为数据库中的权限名称,然后通过在数据库中找到的查询条件,  
首先遍历在数据库中取出来的查询条件,然后用jquery去找到数据库找到的查询条件作为name找到对应的dom,当找到的时候就将查询控件改为可用.

$(function () {
            var data = findmenid();
            Object.keys(data).forEach(function (key) {//遍历得到的权限对象
                var nn = data[key].name;
                $("select[name='" + nn + "']").each(function () {
                    $(this).attr('disabled', false)
    
                })
                $("input[name='" + nn + "']").each(function () {
                    $(this).attr('disabled', false)
    
                })
    
            })
        })

有疑问欢迎下方留言

[70]: /images/20220504/a739c7ab82d2431ea7ed331e5da2db66.png
[70 1]: /images/20220504/11d2c7ba8127490e9f854a21e374e9d8.png
[70 2]: /images/20220504/97baf07283d44179a13abb20fcc1f440.png

发表评论取消回复

表情：

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

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

相关阅读

相关 Vue按钮权限

按钮权限：通过判断当前用户是否拥有该权限控制当前组件的显示与删除第一步、请求后端数据得到当前用户的所有的按钮权限，类型为数组 ![8f73edf4df40470886

梦里梦外;/ 2023年10月09日 19:19/ 0 赞/ 47 阅读

相关按钮权限问题

![在这里插入图片描述][2019111315314179.png] 三个按钮需要加权限新增按钮的权限: ![在这里插入图片描述][2019111315362449

逃离我推掉我的手/ 2023年06月13日 03:22/ 0 赞/ 6 阅读

相关 Shiro权限控制(六):Shiro按钮权限控制

一、前言前段时间一直在研究如何通过标签方式控制控制的权限，我用HTML做页面的渲染，Shiro标签在HTML中不生效，但还是想用Shiro标签方式控制页面的按钮，有权限则

曾经终败给现在/ 2023年06月04日 09:54/ 0 赞/ 217 阅读

相关 vue 按钮级别权限控制实现

总结一下前端对于按钮级别权限的控制方法，根据后端返回的权限数据来实现不同权限的用户展示不同的操作按钮。实现方法有两种：定义一个全局方法配合 v-if 指令；自定义指令。首先

清疚/ 2022年10月27日 12:21/ 0 赞/ 237 阅读

相关 vue 按钮权限管理

> 在很多情况下，程序会根据用户的权限，对按钮的显示和隐藏有一定的限制例如：页面上现在有三个按钮（添加，删除，修改），那现在后端返回的是（当前用户只对增加按钮有权限控制）即

叁歲伎倆/ 2022年10月17日 00:41/ 0 赞/ 260 阅读

相关权限管理 (一) 设计思路分析和实现授权、认证

1. 权限的认识 1. 说起对权限的理解可以说是从肤浅到了解，现在也只是处在了解的水平，先来看这样一个通俗且真实的故事：我们都知道在有体制的公司或者机关单

末蓝、/ 2022年09月18日 12:47/ 0 赞/ 158 阅读

相关 vue实现按钮功能级权限控制

合适的位置接口获取权限信息，比如登录接口 \\\\这里简化了代码\\\\\\ function \_queryPermissionList(to, next) \{

た入场券/ 2022年09月10日 03:24/ 0 赞/ 187 阅读

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

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

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

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

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

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

相关查询用户权限

select (case when ((select count() from dba_users where username = '&Us

分手后的思念是犯贱/ 2021年09月29日 16:24/ 0 赞/ 405 阅读