最近悟出来一个道理,在这儿分享给大家:学历代表你的过去,能力代表你的现在,学习代表你的将来。
十年河东十年河西,莫欺少年穷
学无止境,精益求精
本节和大家探讨下C#使用EasyUI树形结构/Tree构造权限管理模块
今天是2016年最后一天,在此祝大家新年快乐,辞旧迎新,接下来的2017,希望大家步步高升,发大财!
本节先贴出前端的代码
首先,你需要引入您的相应的JS/CSS文件

然后,咱们使用静态HTML构造一个树形结构:
其实上述HTML是我动态生成的,大家初学的话,还是先观察HTML的结构,然后在逐步加入程序,实现动态化
好,截止到这儿,咱们就创建了一个树形结构,如下:
看到上图了吧,上图就是生成的树形结构,那么:文件夹后面的文字代表的是栏目名称<诸如:系统管理,系统统计,管理员列表等>,下面代表四个角色,分别为:超级管理员,健康医师,健康师,会员四个角色!
到这儿,我设计的权限管理思路想必大家基本清晰了,下面我稍作简述:
将栏目权限分配给不同角色,不同角色人员登录后台后,会看到不同的栏目!
是不是很简单,嘻嘻~!
OK,下面我们探讨下数据库的设计及理念
数据库中应该有一张角色表和栏目表
角色表很简单,如下:
大致说下字段含义:ID,角色名称,角色取值,添加时间,备注一,备注二,排序
栏目表如下:
大致说下字段含义:ID,栏目名称,栏目路径,父亲Id,权限值,添加时间,备注1,备注2,备注3,是否启用,排序
OK,到此,数据库部分也就KO了,是不是很简单?嘻嘻~
下面我们用MVC新建个控制器,配合数据库并动态加载上述HTML,如下:
由上述代码可知,需要一个名字为:sys_RightModel 的模型,如下:
上述方法中诸如GetModelList()方法,大家可根据动软代码器生成,也可以自己编写,在此不作累述!
不过,除了动态生成的方法外,在此说明自己写的两个方法:
第一个是JS方法,在此,把整个动态HTML代码贴出来,如下:
JS方法大家自己看,很简单,就是像后端传递一个数组,后端接收,然后处理!
最后,自己写的数据库方法如下:
数据库方法的大致思路是这样的,再点击提交按钮后,首先将数据表中所有栏目对应的权限设为空,然后通过传递的List,进行一个个编辑/Update操作!
至此,整个权限编辑就可以使用了!如下图:
OK,就这么多,废了我一上午啊!
如果您觉得赞,就给个赞吧!
参考博客:http://www.cnblogs.com/Mryjp/p/easyui_tree.html
@陈卧龙的博客