1）采用最新最炫的Bootstrap響應式框架技術
整個基于Metronic的Bootstrap開發(fā)框架，界面部分采用較新的Bootstrap技術，采用當前最新的Bootstrap3.x，集成了眾多功能強大的Bootstrap插件。
Bootstrap是一個前端的技術框架，很多平臺都可以采用，JAVA/PHP/.NET都可以用來做前端界面，整合JQuery可以實現非常豐富的界面效果，目前也有很多Bootstrap的插件能夠提供給大家使用，本框架集合了眾多最為優(yōu)秀的插件，能給我們Web的用戶體驗提升到一個前所未有的水平。
Metronic是一個國外的基于HTML、JS等技術的Bootstrap開發(fā)框架整合，整合了很多Bootstrap的前端技術和插件的使用，是一個非常不錯的技術框架。本框架以這個為基礎，結合我對MVC的Web框架的研究，整合了基于MVC的Bootstrap開發(fā)框架，使之能夠符合實際項目的結構需要。
框架后臺采用基于C#的MVC技術，是目前.NET開發(fā)最為成熟流行的技術，框架后臺數據庫支持Oracle、SqlServer、MySql、Sqlite、Access等常規(guī)數據庫，可通過配置進行自由切換，使用Enterprise Library模塊進行數據訪問的控制，使得數據訪問更方便輕松。
整體框架開發(fā)采用Visual Studuio 2013以及頁面編輯工具Sublime Text結合開發(fā)，頁面以及后臺代碼，通過代碼生成工具Database2Sharp進行快速開發(fā)，實現整體性開發(fā)的最大效率提高。
框架的總體結構如下所示：
控制器設計：Bootstrap開發(fā)框架沿用了我的《Winform開發(fā)框架》和《基于EasyUI的Web框架》的很多架構設計思路和特點，對Controller進行了封裝。使得控制器能夠獲得很好的繼承關系，并能以更少的代碼，更高效的開發(fā)效率，實現Web項目的開發(fā)工作，整個控制器的設計思路如下所示。
權限控制：良好的控制器設計規(guī)則，可以為Web開發(fā)框架本身提供了很好用戶訪問控制和權限控制，使得用戶界面呈現菜單、Web界面的按鈕和內容、Action的提交控制，均能在總體權限功能分配和控制之下。
代碼快速生成：良好的架構使得無論在業(yè)務邏輯層、控制器層、Web界面的UI層，均能提供統(tǒng)一的代碼邏輯，這些代碼均能通過代碼生成工具Database2Sharp進行生成。Web界面代碼可以充分利用代碼生成工具Database2Sharp的元數據信息，實現Web界面的快速生成。有效減少出錯的幾率，提高Web界面編碼的開發(fā)效率和樂趣，更可以使得企業(yè)內部的編碼模式進行高效的統(tǒng)一。
Enterprise Library代碼生成，可以快速生成除界面外的整體性的框架代碼，Bootstrap的Web界面代碼生成，可以快速生成基于Metronic的Bootstrap的前端界面代碼和后臺控制器代碼，界面部分包括查詢、分頁、數據展示、數據導入導出、新增、編輯、查看、刪除等基礎功能界面，生成后我們可以基于這個基礎上進行簡單、快速的修改即可符合實際需要，極大提高我們Web界面的開發(fā)效率。
框架布局：以下是我整體性項目的總的效果圖。
【系統(tǒng)菜單欄】的內容，是動態(tài)從數據庫里面獲取的菜單；【系統(tǒng)頂欄】放置一些信息展示，以及提供用戶對個人數據快速處理，如查看個人信息、注銷、鎖屏等操作內容；內容區(qū)一般包括【樹列表區(qū)】、【條件查詢區(qū)】和【列表數據及分頁】內容，內容區(qū)域主要是可視化展示的數據，可以通過樹列表控件、表格控件進行展示，一般數據還有增刪改查、以及分頁的需要，因此需要整合各種功能的處理。另外，用戶的數據，除了查詢展示外，還需要有導入、導出等相關操作，這些是常規(guī)性的數據處理功能。
菜單的處理和展示：一般為了管理方便，菜單分為三級，選中的菜單和別的菜單樣式有所區(qū)分，菜單可以折疊最小化，效果如下所示。
2.1 首頁圖表模塊界面
2.2 系統(tǒng)頂欄功能
2.3 行業(yè)動態(tài)功能（政策法規(guī)、通知公告、動態(tài)信息）
政策法規(guī)/通知公告/動態(tài)信息 列表界面
編輯界面如下所示：
查看內容界面如下所示：
2.4 客戶信息管理
客戶列表界面如下所示：
客戶信息編輯界面：
客戶信息導入界面：
2.5 客戶聯系人管理
客戶聯系人添加/編輯界面
客戶聯系人查看界面
附件信息界面
2.6 通訊錄管理
通訊錄列表
通訊錄編輯界面如下所示。
2.7 權限管理
1) 系統(tǒng)用戶 列表界面
系統(tǒng)用戶導入界面
系統(tǒng)用戶編輯界面
系統(tǒng)用戶的肖像上傳和編輯
系統(tǒng)用戶刪除確認對話框。
系統(tǒng)用戶的RDLC報表界面。
2）機構管理界面
組織機構包含用戶編輯界面
3）用戶角色管理
角色可操作功能集合展示
角色可訪問數據權限控制：
角色包含機構管理：
4）系統(tǒng)功能管理
5）系統(tǒng)菜單管理
編輯菜單信息界面：
選擇菜單圖標界面：
6）系統(tǒng)登錄日志管理
7）通用字典管理
8）菜單圖標管理
9）圖片相冊管理
編輯圖片界面如下所示：
圖片查看界面
在工作流模塊中，我們可以把一些待辦或者已辦的事項放在首頁里面，方便登陸后直接可以參考最新的一些信息，如下界面所示。
而在工作流的業(yè)務表單模塊中，我們可以提供了很多相關的業(yè)務表單管理界面，可以通過對應的功能菜單進入對應的工作流業(yè)務表單列表，工作流模塊中我們也提供的一些常見業(yè)務表單供參考學習。
流程模板管理
通過第一步的流程環(huán)節(jié)定義，我們接下來就基于流程環(huán)節(jié)，定義流程模板的內容了，流程模板是我們開展一些工作流的基礎，也就是說，我們先有特定流程的模板，然后才有具體的流程示例。
流程模板我們定義的時候，需要指定它的具體名稱，另外有幾個字段是必須注意的，就是它的對應業(yè)務表名和創(chuàng)建流程URL、查看流程URL這幾個信息。
剛才只是定義了流程模板的一些基礎信息，對于這個流程模板，我們還需要確定它的流程步驟，這個才是工作流的靈魂所在，動態(tài)化的流程步驟，可以滿足我們大多數變化流程的需要。
【我的審批工作】界面，如下界面所示。
業(yè)務受理列表
業(yè)務受理列表，是根據我們數據庫中定義的流程模板，動態(tài)列出申請單的創(chuàng)建入口，提供一個統(tǒng)一的入口方便我們處理。
一下是我們工作流模塊中定義好的一些流程模板，可以供創(chuàng)建業(yè)務表單。
業(yè)務表單菜單如下所示
我們也可以查看報銷申請單的列表界面。
查看具體報銷申請單信息界面如下所示，其右上角的審批、撤銷、流程日志、打印等功能按鈕也會根據情況顯示出來。
