最近悟出來一個道理,在這兒分享給大家:學曆代表你的過去,能力代表你的現在,學習代表你的将來。
十年河東十年河西,莫欺少年窮
學無止境,精益求精
本節和大家探讨下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
@陳卧龍的部落格