打造一套UI與后臺(tái)并重.net通用權(quán)限管理系統(tǒng)

一、前言

從進(jìn)行到軟件開(kāi)發(fā)這個(gè)行業(yè)現(xiàn)在已經(jīng)有幾年了，在整理出這個(gè)套開(kāi)發(fā)框架之前自己做了不少重復(fù)造輪子的事。每次有新的項(xiàng)目總是要耗費(fèi)不少時(shí)間在UI、權(quán)限和系統(tǒng)通用模塊上面，自己累得要死，老板還罵沒(méi)效率。為了能提高開(kāi)發(fā)效率，同時(shí)也多拿拿獎(jiǎng)金、多存點(diǎn)私房錢(qián)，我就著手做了一套以權(quán)限管理為主的快速開(kāi)發(fā)框架。不求功能在所有項(xiàng)目中都得到使用，至少要大大提高開(kāi)發(fā)效率。

二、需求分析

根據(jù)《那些年我們一起做過(guò)的項(xiàng)目》中各類(lèi)客戶對(duì)權(quán)限模塊和通用模塊以及UI的要求，我明確了這個(gè)系統(tǒng)中要實(shí)現(xiàn)的東西。

1、組織機(jī)構(gòu) 多級(jí)樹(shù)型顯示，各級(jí)部門(mén)從屬關(guān)系一目了然操作便捷

2、用戶 所有的權(quán)限最終分配給用戶，如果按用戶去分配權(quán)限會(huì)把系統(tǒng)管理員給累死，系統(tǒng)中先建立角色，角色中再分配權(quán)限，在角色的成員中加入用戶。當(dāng)然會(huì)有一些用戶的權(quán)限大同小異，如果不想在系統(tǒng)中創(chuàng)建太多角色可以給用戶分配權(quán)限。用戶最終的權(quán)限取角色權(quán)限和用戶權(quán)限的集合。

3、角色 一組權(quán)限的集合。

4、模塊 也可以稱(chēng)之為菜單，可以是系統(tǒng)中的頁(yè)面，也可以是其它系統(tǒng)的頁(yè)面地址統(tǒng)一納入到同一套權(quán)限系統(tǒng)中維護(hù)。

5、按鈕

6、權(quán)限 權(quán)限分配模式：1）角色權(quán)限分配，權(quán)限分配的便捷性。

2）用戶權(quán)限分配，權(quán)限分配的靈活性。

權(quán)限控制類(lèi)型：1）模塊權(quán)限 采購(gòu)員有采購(gòu)模塊權(quán)限和庫(kù)存查看模塊權(quán)限。

2）按鈕權(quán)限 采購(gòu)員能點(diǎn)擊新增按鈕新增采購(gòu)單，采購(gòu)經(jīng)理能點(diǎn)擊審核按鈕審核采購(gòu)單。

3）數(shù)據(jù)權(quán)限 每個(gè)業(yè)務(wù)員只能看到屬于自己的客戶資料。

4）字段權(quán)限 會(huì)計(jì)可以看到庫(kù)存報(bào)表中的所有字段，倉(cāng)庫(kù)管理員不能看到報(bào)表中的金額字段。

5）文件權(quán)限 采購(gòu)部的文件只有總經(jīng)理和采購(gòu)部成員有權(quán)限

7、日志 登陸日志、操作日志、系統(tǒng)異常日志

8、數(shù)據(jù)庫(kù)管理 在前端頁(yè)面查看數(shù)據(jù)庫(kù)信息，數(shù)據(jù)庫(kù)備份

9、訪問(wèn)控制

10、動(dòng)態(tài)接口 這里說(shuō)的接口是與其它系統(tǒng)或設(shè)備的通信接口，一般以Webservice、WCF、Webapi的形式提供。在系統(tǒng)中對(duì)外只暴露一個(gè)接口。增加接口、修改接口都不用修改程序。

11、UI 前端框架：采用Jquery UI,功能強(qiáng)大擴(kuò)展靈活，不用擔(dān)心版權(quán)問(wèn)題。

多種風(fēng)格界面：手風(fēng)琴導(dǎo)航風(fēng)格、desktop風(fēng)格、觸摸屏風(fēng)格

12、系統(tǒng)參數(shù)

13、代碼生成器 根據(jù)需要生成界面和后臺(tái)代碼

三、設(shè)計(jì)實(shí)現(xiàn)

2、程序設(shè)計(jì)

程序基本以Jquery+Ajax+工廠模式實(shí)現(xiàn)，接近10萬(wàn)行的代碼量，后續(xù)分模塊詳細(xì)講解

3、用戶體驗(yàn)UI設(shè)計(jì)

UI對(duì)于一個(gè)軟件來(lái)說(shuō)就像女人那張臉，別人最先看到的就是你的臉。人再好，臉長(zhǎng)得丑肯定還是要經(jīng)常過(guò)光棍節(jié)。一套程序UI漂亮程序的檔次自然也就上去了。無(wú)圖無(wú)真相，下面給出一些主要界面，詳細(xì)實(shí)現(xiàn)也會(huì)在后面的博客中給出。

1）系統(tǒng)風(fēng)格

a)desktop風(fēng)格

b)手風(fēng)琴風(fēng)格

c）觸摸屏風(fēng)格

2、員工管理

左邊展開(kāi)組織機(jī)構(gòu)，右邊員工管理

3、組織機(jī)構(gòu)管理

樹(shù)型組織機(jī)構(gòu)，組織架構(gòu)一目了然

4、組織架構(gòu)圖

根據(jù)組織機(jī)構(gòu)自動(dòng)生成的組織架構(gòu)圖

5、角色權(quán)限控制

角色成員：擁有該角色的用戶。

模塊權(quán)限：該角色能操作哪些模塊。

按鈕權(quán)限：角色能操作指這模塊中哪些按鈕。

數(shù)據(jù)權(quán)限：角色對(duì)哪些數(shù)據(jù)有操作權(quán)限。

文件權(quán)限：角色對(duì)哪些文件有操作權(quán)限。

6、模塊按鈕管理

拖動(dòng)按鈕位置能改變按鈕在模塊中的顯示位置。

勾選狀態(tài)的按鈕會(huì)在模塊中顯示。

有興趣的朋友歡迎加群討論：312677516