基於Metronic的Bootstrap開發框架源碼

基於Metronic的Bootstrap開發框架源碼

1.採用最新最炫的Bootstrap響應式框架技術

整個基於Metronic的Bootstrap開發框架，界面部分採用較新的Bootstrap技術，採用當前最新的Bootstrap3.x，集成了眾多功能強大的Bootstrap插件。

Bootstrap是一個前端的技術框架，很多平臺都可以採用，JAVA/PHP/.NET都可以用來做前端界面，整合JQuery可以實現非常豐富的界面效果，目前也有很多Bootstrap的插件能夠提供給大家使用，本框架集合了眾多最為優秀的插件，能給我們Web的用戶體驗提升到一個前所未有的水平。

Metronic是一個國外的基於HTML、JS等技術的Bootstrap開發框架整合，整合了很多Bootstrap的前端技術和插件的使用，是一個非常不錯的技術框架。本框架以這個為基礎，結合我對MVC的Web框架的研究，整合了基於MVC的Bootstrap開發框架，使之能夠符合實際項目的結構需要。

框架後臺採用基於C#的MVC技術，是目前.NET開發最為成熟流行的技術，框架後臺數據庫支持Oracle、SqlServer、MySql、Sqlite、Access等常規數據庫，可通過配置進行自由切換，使用Enterprise Library模塊進行數據訪問的控制，使得數據訪問更方便輕鬆。

整體框架開發採用Visual Studuio 2013以及頁面編輯工具Sublime Text結合開發，頁面以及後臺代碼，通過代碼生成工具Database2Sharp進行快速開發，實現整體性開發的最大效率提高。

想了解的，可以私信我。

框架的總體結構如下所示：

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

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

4.代碼快速生成：

Enterprise Library代碼生成，可以快速生成除界面外的整體性的框架代碼，Bootstrap的Web界面代碼生成，可以快速生成基於Metronic的Bootstrap的前端界面代碼和後臺控制器代碼，界面部分包括查詢、分頁、數據展示、數據導入導出、新增、編輯、查看、刪除等基礎功能界面，生成後我們可以基於這個基礎上進行簡單、快速的修改即可符合實際需要，極大提高我們Web界面的開發效率。

5.框架佈局：以下是我整體性項目的總的效果圖。

【系統菜單欄】的內容，是動態從數據庫裡面獲取的菜單；【系統頂欄】放置一些信息展示，以及提供用戶對個人數據快速處理，如查看個人信息、註銷、鎖屏等操作內容；內容區一般包括【樹列表區】、【條件查詢區】和【列表數據及分頁】內容，內容區域主要是可視化展示的數據，可以通過樹列表控件、表格控件進行展示，一般數據還有增刪改查、以及分頁的需要，因此需要整合各種功能的處理。另外，用戶的數據，除了查詢展示外，還需要有導入、導出等相關操作，這些是常規性的數據處理功能。

菜單的處理和展示：一般為了管理方便，菜單分為三級，選中的菜單和別的菜單樣式有所區分，菜單可以摺疊最小化，效果如下所示。想了解的，可以私信我。

2、《基於Metronic的Bootstrap開發框架》模塊界面介紹

2.1 首頁圖表模塊界面

2.2 系統頂欄功能

2.3 行業動態功能（政策法規、通知公告、動態信息）

政策法規/通知公告/動態信息 列表界面

查看內容界面

2.4 客戶信息管理

2.5 客戶聯繫人管理

2.6 通訊錄管理

2.7 權限管理

2）機構管理界面

系統菜單管理

工作流主頁視圖

在工作流模塊中，我們可以把一些待辦或者已辦的事項放在首頁裡面，方便登陸後直接可以參考最新的一些信息

特點：

1、集成用戶管理、角色管理、機構管理、功能管理、權限分配等基本權限管理功能，可實現分級管理用戶及部門信息，以及對用戶的功能及數據權限進行控制管理。

2、集成通用字典管理模塊，集成全國省、市、區數據管理等內容，方便對字典大類及對應字典項目數據的管理。

3、集成菜單權限控制及全局菜單的顯示及禁用，實現從Bootstrap圖標的提取處理，以及菜單和圖標的動態配置管理。

4、實現客戶信息管理、聯繫人信息管理、通訊錄管理、行業動態信息管理、圖庫管理等常規性的模塊內容，方便參考學習、重用和二次開發。

5、系統模塊實現樹列表展示、數據分頁管理、數據上傳、數據導入導出、圖標管理、統計圖表分析等基礎性內容支持。

6、提供審批工作流管理模塊，彈性化流程設置，以及豐富的工作流案例讓我們開發流程管理模塊更加方便，使用代碼生成工具可以快速生成對應頁面文件和控制器代碼，極大提高效率。

7、提供Excel文檔上傳操作和展示附件信息功能，集成Excel文檔導入對應表單數據和導出Excel數據功能，支持大數據的導入操作。

8、提供Office文檔的本地預覽和基於互聯網的預覽操作，支持Word/Excel/PPT等文檔內容的預覽，讓你係統使用更方便。

9、整個框架基於Metronic的Bootstrap開發技術，界面部分採用較新的Bootstrap技術，採用當前最新的Bootstrap3.x，集成了眾多功能強大的Bootstrap插件。

10、框架後臺採用基於C#的MVC技術，是目前.NET開發最為成熟流行的技術，框架後臺提供底層多種數據庫的支持，支持Sqlserver、Oracle、Mysql、Sqlite、Access等數據庫擴展，業務適應性更強。

11、框架開發採用Visual Studuio 2013以及頁面編輯工具Sublime Text結合開發，頁面以及後臺代碼，通過代碼生成工具Database2Sharp進行快速開發，實現整體性開發的最大效率提高。

想了解的，可以私信我。

閱讀更多 微電商愛好者 的文章

關鍵字: Microsoft 數據庫 設計