天天看點

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

@陳卧龍的部落格