tnblog
首页
视频
资源
登录

layui+过滤器 实现权限管理

8537人阅读 2019/11/1 18:03 总访问:112643 评论:1 收藏:0 手机
分类: .NET

想要做好一个权限管理并不简单,不管是数据库还是逻辑上都还是有一点复杂的 下面开始讲解我们的权限管理

首先    创建数据库《规范》


首先我们肯定要一个成员表

然后需要一个菜单表

这个表parent就是父子关系

insert menu values(null,'普通成员',《这里就是子级-子级就对应了-meid父亲》);

然后就是一张关系表

 下面就是分配权限啦

======数据库建立完成后来到我们的后台=====

这里我们用到layui来解析一下数据-实现树形效果

两个for循环就是分别解析层级的数据啦

这个就不多解释了

这些id title 都是插件写好的 按照他的规则来就好了 


下面 我们这里加一个 保存的按钮 去更改需要更改的权限

接下来 就是获取到选中的id进行修改

当然我们的页面限制也是用了过滤器的 


然后我们添加一个全局的过滤器限制就好了


接下来就看看效果吧

下面我们给紫女分配一下权限


分配后 我们登录紫女看一下效果

这里就是我们分配好的权限啦,

我这里只是做了页面的权限 功能明天在搞 。

慢慢练 慢慢想 坚持,不要放弃。



评价

17354387004

2021/8/13 17:14:29

您好,请问您这个是实现不同用户分配不同权限的嘛

layui水平二级菜单时长不显示的问题

调用一下初始化方法Init就可以解决了

layui 表单模块常见问题

layui 设置select宽度直接设置select外层的宽度就行,layui的select会自适应宽度layui 设置select会被百度编辑器挡住问题是...

layui Select添加选择事件layui 下拉列表

html<selectname="label"id="atype"lay-filter="atype"> <optionvalue="a&q...

layui布局

Layui 使用layui-container container来指明一个容器版本<divclass="layui-containercontainer"style="b...

layui 固定列覆盖滚动条,导致表格错位

对于layui,大家都用过吧:轻量级框架,使用方便,快捷,入手难度小,但是这些优点就不代表你没有踩到它的坑。目前遇到一个...

layuia 图标

图标的官方地址:https://www.layui.com/doc/element/icon.html

layui水平布局

一个layui-input-inline即可 <divclass="layui-input-inline"> </div> <divclass="layui...

layui插件上传图片具体步奏以及获取图片地址

注意事项: (1)在使用插件之前需要引入该插件文件包不可分开使用。 (2)在运行过程中会出现报一个错误(上传图片异常等等...

layui 弹窗遮罩层把弹窗挡住问题

代码:layer.open({ type:1, area:["300px","300px"], content:$("#addvieww") });分析...

layui 报错 l.push is not a function

解决方法:layui.use(['jquery','layer','element'],function(){ } 而不是 layui.use(&#39...

layer loading。layui 菊花

layer loading层很简单,起到一个遮罩提示加载的效果打开://loading层 varlayerIndex=layer.load(1,{ shade:[0.1,'#...

layui Tab菜单添加点击事件

layui 实现Tab菜单很简单使用下面的代码即可<divclass="layui-tab"lay-filter="test1"> <ul...

使用vue渲染layui的复选框时无法渲染

这是因为使用vue后数据是动态生成的,没有被layui渲染出来所以有问题,调用一下layui的渲染方法即可layui.use(['form&#...

vue+layui默认选中第一个tab

可以利用v-for中的index,然后使用一个三目运算即可<ulclass="layui-tab-title"> <liv-for="(item...

layui tab切换更改同一个内容

layui tab切换时如何更改同一个内容呢,不用一个tab对应一个内容,就相当于改变同一个内容,其实很简单就是只留layui-tab-c...
最近老犯困
排名
29
文章
31
粉丝
12
评论
10
Io流 mvc异常处理
剑轩 : 哦哦,io流文件操作
Io流 mvc异常处理
剑轩 : 这个和io流有什么关系哦,头像好看啊!
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术