ASP.NET MVC4 打造一套UI與後台並重-通用許可權系統快速開發架構+精美UI介面 秒殺EasyUi、Ext

標籤：des   blog   http   使用   strong   檔案   sp   資料   div   

一、前言

     從進行到軟體開發這個行業現在已經有幾年了，在整理出這個套開發架構之前自己做了不少重複造輪子的事。每次有新的項目總是要耗費不少時間在UI、許可權和系統通用模組上面，自己累得要死，老闆還罵沒效率。為了能提高開發效率，同時也多拿拿獎金、多存點私房錢，我就著手做了一套以許可權管理為主的快速開發架構。不求功能在所有項目中都得到使用，至少要大大提高開發效率。

二、需求分析

   根據《那些年我們一起做過的項目》中各類客戶對許可權模組和通用模組以及UI的要求，我明確了這個系統中要實現的東西。

 

1、組織機構多級樹型顯示，各級部門從屬關係一目瞭然操作便捷

2、使用者所有的許可權最終分配給使用者，如果按使用者去分配許可權會把系統管理員給累死，系統中先建立角色，角色中再分配許可權，在角色的成員中加入使用者。當然會有一些使用者的許可權大同小異，如果不想在系統中建立太多角色可以給使用者指派許可權。使用者最終的許可權取角色許可權和使用者權限的集合。

3、角色一組許可權的集合。

4、模組也可以稱之為菜單，可以是系統中的頁面，也可以是其它系統的頁面地址統一納入到同一套許可權系統中維護。

5、按鈕

6、許可權許可權分配模式：1）角色許可權分配，許可權分配的便捷性。

                                2）使用者權限分配，許可權分配的靈活性。

            許可權控制類型：1）模組許可權 採購員有採購模組許可權和庫存查看模組許可權。

                                2）按鈕許可權 採購員能點擊新增按鈕新增採購單，採購經理能點擊審核按鈕審核採購單。

                                3）資料許可權 每個業務員只能看到屬於自己的客戶資料。

                                4）欄位許可權 會計可以看到庫存報表中的所有欄位，倉庫管理員不能看到報表中的金額欄位。

                                5）檔案許可權  採購部的檔案只有總經理和採購部成員有許可權

7、日誌登陸日誌、動作記錄、系統異常日誌

8、資料庫管理在前端頁面查看資料庫資訊，Database Backup

9、存取控制

10、動態介面這裡說的介面是與其它系統或裝置的通訊介面，一般以Webservice、WCF、Webapi的形式提供。在系統中對外只暴露一個介面。增加介面、修改介面都不用修改程式。

11、UI前端架構：採用Jquery UI,功能強大擴充靈活，不用擔心著作權問題。

            多種風格介面：手風琴導航風格、desktop風格、觸控螢幕風格

12、系統參數

13、代碼產生器根據需要產生介面和後台代碼

 

三、設計實現

 

2、程式設計

     程式基本以Jquery+Ajax+原廠模式實現，接近10萬行的代碼量，後續分模組詳細講解

3、使用者體驗UI設計

     UI對於一個軟體來說就像女人那張臉，別人最先看到的就是你的臉。人再好，臉長得醜肯定還是要經常過光棍節。一套程式UI漂亮程式的檔次自然也就上去了。無圖無真相，下面給出一些主要介面，詳細實現也會在後面的部落格中給出。

　　

1）系統風格

   a)desktop風格

   

b)手風琴風格

c）觸控螢幕風格

2、員工管理

      左邊展開組織機構，右邊員工管理

3、組織機構管理

    樹型組織機構，組織架構一目瞭然

4、組織架構圖

     根據組織機構自動產生的組織架構圖

5、角色許可權控制

   角色成員：擁有該角色的使用者。

   模組許可權：該角色能操作哪些模組。

   按鈕許可權：角色能操作指這模組中哪些按鈕。

   資料許可權：角色對哪些資料有操作許可權。

   檔案許可權：角色對哪些檔案有操作許可權。

6、模組按鈕管理

     拖動按鈕位置能改變按鈕在模組中的顯示位置。

     勾選狀態的按鈕會在模組中顯示。

 

 

 

當然圖片就先曬到這邊啦！如果你覺得可以把這些圖片的設計思路理解，並且覺得以後會用的話，請收藏一下，推薦一下啦!

對於一些介面看完讓我內心想對他說三個字"毀三觀"的介面，我只能說你的審美水平一定要提高的，IT這是一個潮流的行業，如果你不潮，那就無法與眾不同，機遇往往會給你留個位置的！大家說呢？

 

大家一起測試下 線上測試 是ASP.NET

http://223.86.105.239:801  觸控螢幕版風格

http://223.86.105.239:802  手風琴版風格

http://223.86.105.239:803  案頭版風格

http://223.86.105.239:805  代碼產生器

 

ASP.NET MVC4 打造一套UI與後台並重-通用許可權系統快速開發架構+精美UI介面 秒殺EasyUi、Ext