天天看点

C# EasyUI树形结构权限管理模块

最近悟出来一个道理,在这儿分享给大家:学历代表你的过去,能力代表你的现在,学习代表你的将来。

十年河东十年河西,莫欺少年穷

学无止境,精益求精

本节和大家探讨下C#使用EasyUI树形结构/Tree构造权限管理模块

今天是2016年最后一天,在此祝大家新年快乐,辞旧迎新,接下来的2017,希望大家步步高升,发大财!

本节先贴出前端的代码

首先,你需要引入您的相应的JS/CSS文件

C# EasyUI树形结构权限管理模块

然后,咱们使用静态HTML构造一个树形结构:

其实上述HTML是我动态生成的,大家初学的话,还是先观察HTML的结构,然后在逐步加入程序,实现动态化

好,截止到这儿,咱们就创建了一个树形结构,如下:

C# EasyUI树形结构权限管理模块

看到上图了吧,上图就是生成的树形结构,那么:文件夹后面的文字代表的是栏目名称<诸如:系统管理,系统统计,管理员列表等>,下面代表四个角色,分别为:超级管理员,健康医师,健康师,会员四个角色!

到这儿,我设计的权限管理思路想必大家基本清晰了,下面我稍作简述:

将栏目权限分配给不同角色,不同角色人员登录后台后,会看到不同的栏目!

是不是很简单,嘻嘻~!

OK,下面我们探讨下数据库的设计及理念

数据库中应该有一张角色表和栏目表

 角色表很简单,如下:

C# EasyUI树形结构权限管理模块

大致说下字段含义:ID,角色名称,角色取值,添加时间,备注一,备注二,排序

栏目表如下:

C# EasyUI树形结构权限管理模块

大致说下字段含义:ID,栏目名称,栏目路径,父亲Id,权限值,添加时间,备注1,备注2,备注3,是否启用,排序

OK,到此,数据库部分也就KO了,是不是很简单?嘻嘻~

下面我们用MVC新建个控制器,配合数据库并动态加载上述HTML,如下:

由上述代码可知,需要一个名字为:sys_RightModel 的模型,如下:

上述方法中诸如GetModelList()方法,大家可根据动软代码器生成,也可以自己编写,在此不作累述!

不过,除了动态生成的方法外,在此说明自己写的两个方法:

第一个是JS方法,在此,把整个动态HTML代码贴出来,如下:

JS方法大家自己看,很简单,就是像后端传递一个数组,后端接收,然后处理!

最后,自己写的数据库方法如下:

数据库方法的大致思路是这样的,再点击提交按钮后,首先将数据表中所有栏目对应的权限设为空,然后通过传递的List,进行一个个编辑/Update操作!

至此,整个权限编辑就可以使用了!如下图:

C# EasyUI树形结构权限管理模块

OK,就这么多,废了我一上午啊!

如果您觉得赞,就给个赞吧!

参考博客:http://www.cnblogs.com/Mryjp/p/easyui_tree.html

@陈卧龙的博客