在前面介紹了一些關於最新基於MVC4+EasyUI的Web開發框架文章，雖然Web開發框架的相關技術文章會隨著技術的探討一直寫下去，不過這個系列的文章，到這裡做一個總結，展示一下整體基於MVC4+EasyUI的介面效果，讓大家對這款Web開發框架有一個形象的瞭解，介面設計以及相關思路可以借鑑提高，也可以對相關的內容進行相互探討，共同提高。

技術特點：整個Web開發框架，介面部分採用較新的技術，包括MVC4，最新版本的EasyUI，以及zTree樹形控制元件、Uploadify檔案上傳元件等模組，另外還結合了列印模組LODOP進行頁面列印、檔案Word或者Excel匯出操作等，資料支援Oracle、SqlServer、MySql、Sqlite、Access等常規資料庫，可通過配置進行自由切換，使用Enterprise Library模組進行資料訪問的控制，使得資料訪問更方便輕鬆。

控制器設計：Web開發框架沿用了我的《Winform開發框架》的很多架構設計思路和特點，對Controller進行了封裝。使得控制器能夠獲得很好的繼承關係，並能以更少的程式碼，更高效的開發效率，實現Web專案的開發工作，整個控制器的設計思路如下所示。

許可權控制：良好的控制器設計規則，可以為Web開發框架本身提供了很好使用者訪問控制和許可權控制，使得使用者介面呈現選單、Web介面的按鈕和內容、Action的提交控制，均能在總體許可權功能分配和控制之下。

程式碼快速生成：良好的架構使得無論在業務邏輯層、控制器層、Web介面的UI層，均能提供統一的程式碼邏輯，這些程式碼均能通過程式碼生成工具Database2Sharp進行生成。Web介面程式碼可以充分利用程式碼生成工具Database2Sharp的元資料資訊，實現Web介面的快速生成。有效減少出錯的機率，提高Web介面編碼的開發效率和樂趣，更可以使得企業內部的編碼模式進行高效的統一。

一、登陸及主介面

1、登陸介面

2、框架主體介面

圖示樣式生成管理

二、行業動態管理

1、政策法規/通知公告/動態資訊 列表介面

2、修改內容介面

通知公告的內容編輯介面如下所示。

3、檢視詳細資訊

通知公告的檢視詳細資訊介面如下所示。

4、列印介面

通知公告內容的列印預覽介面如下所示，該模組繼承了列印控制元件，因此預覽效果非常美觀。

5、檔案匯出到Word或者Excel操作

通知公告可以匯出Excel或者Word檔案，在MVC控制器端使用aspose.word和aspose.excel控制元件，使得匯出的內容更加美觀規範。

二、系統管理

1、使用者管理

使用者分類，可以根據組織結構進行劃分，也可以根據角色進行劃分，方便查詢。

使用者資訊編輯介面如下所示，包括了使用者基礎資訊和使用者可操作功能，可以檢視編輯使用者的基礎資訊，也可以檢視該使用者具有哪些功能。

檢視使用者可操作功能，是檢視該使用者包含角色具有的所有功能集合，這裡只能進行檢視，如果需要調整使用者可操作的功能，可在角色管理模組進行許可權分配。

修改使用者密碼介面如下所示：

2、組織結構管理

為了方便管理，組織機構是以一個樹形結構的方式進行展現，組織機構以公司層級進行劃分以便實現組織機構的分級管理，每個公司的管理員，只能管理自己公司內部的組織機構關係。

雙擊任何一個組織機構節點，可以展開機構的詳細資訊，以及機構的相關資訊：包含使用者和所屬角色。這樣可以為組織機構的對應使用者，分配具有特定角色，包含人員也就快速具有了對應角色的一切許可權。 

3、角色管理

角色也是根據公司層級進行分級管理的，一個公司內部，角色名稱不能重複。角色管理，包括管理角色的基礎資訊，角色的可操作功能（功能許可權）和可訪問資料 （資料許可權），並通過制定使用者或者機構方式，最終實現使用者許可權的控制。

角色的許可權是分級管理的，超級管理員管理所有的角色功能，具有最大的許可權集合，可分配不同公司的管理員許可權集合；公司所屬的管理員，只具有由超級管理員分配的許可權。

角色的可操作功能（功能許可權），可以在該角色具有的全部許可權上分配功能許可權。

可訪問資料 （資料許可權），是通過繫結角色和組織機構關係，從而實現角色資料許可權的控制，業務系統在開發過程中進行整合即可有效控制使用者的資料許可權。

4、功能管理

為了方便一次性新增多個功能單元，可以通過“批量新增”操作進行功能的批量新增，批量新增介面如下所示。

5、選單管理

新增選單介面如下所示。

檢視選單詳細資訊介面如下所示。

6、登陸日誌

7、字典管理

字典管理包括了字典類別的管理和字典資料的管理，通過在介面中整合樹控制元件，單擊任何一個節點，均能進行類別字典資料的重新整理，然後在右邊進行展示，介面如下所示。

在字典類別中新增，彈出一個對話方塊，並以當前的字典類別作為父類節點，介面如下所示。

修改字典資料的介面如下所示。

檢視字典資料的介面如下所示。

除了單項字典資料的新增，有時候，批量新增字典資料也是很方便、很重要的，因此提供了一個批量字典資料錄入的介面，如下所示。

城市省份管理

8、圖表管理

統計圖表是很多應用程式需要擁有的功能，為了更好展示圖表的使用操作，框架提供了多種樣式的圖表演示。

 以上就是整個Web框架的部分介面截圖，在Web開發過程中，往往會碰到不少細節上的問題，需要搜尋很多相關文章進行解決，介面的美觀性也進行了特別的完善，力求能夠直接使用在具體的專案工程中，而不需要過多的進行處理。

本系列文章列表如下：

基於MVC4+EasyUI的Web開發框架的系列文章：