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

╰+哭是因爲堅強的太久メ 2022-05-13 17:19 165阅读 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