最近花了很多時間在重構和進一步提煉Winform開發框架的工作上，加上時不時有一些專案的開發工作，我部落格裡面介紹Web開發框架的文章比較少，其實以前在單位工作，80%的時間是做Web開發的，很早就形成了自己的一套Web開發框架，但是由於一些個人原因，一直沒有來得及好好整理和推廣，其實那套Web開發框架對大多數企業資訊化還是很有幫助的，包括了整體性的框架佈局、樣式，以及許可權控制、選單管理、字典管理、工作流審批管理等常見模組，不過總體覺得技術上是採用asp.net的Webform技術，因此現在MVC大行其道，一直想把它徹底改造過來，本文是介紹基於MVC4+EasyUI的最新版Web開發框架的一系列形成過程，期間包括一些MVC4技術，EasyUI技術，JQuery技術，以及一些我對整體框架改造的基礎性東西，力求更加穩定、通用、高效、簡潔，最少的程式碼做最多的事情。

1、舊的Web開發框架回顧

在原先的Web框架裡面，主要是採用FrameSet的原始方式進行佈局，很多內容依靠Javascript類庫進行操作，小部分採用了EasyUI的一些特性，總體來說，是比較傳統的一種框架模式，這個框架裡面我已經集成了使用者角色等許可權方面的管理和控制、選單管理、字典管理、業務流程審批管理等模組，因此對開發常規的行業應用有著比較快的開發效率，不過缺點也比較明顯，就是在多瀏覽器支援方面，沒有做的很好，框架裡面採用的佈局、樣式及技術等方面不夠統一，不夠新穎，但即使這樣，這套框架也順利用來開發了幾套很大規模的行業應用了，專案的大概佈局和樣式，如下所以。

在Ajax技術如火如荼的時候，我也常常覺得，應該結合一些新的技術特點，來改造一下我自己的框架，因此，使用了純粹的AJax技術+Asp.NET的“一般處理程式”，也就是ashx的C#後臺處理 + HTML的頁面來實現資料的處理和顯示操作，於是我調整開發了Web的許可權系統作為實驗（詳細可參考《

這種框架的佈局其實已經是利用了比較潮的EasyUI介面佈局，得到一些老客戶的支援和鼓勵，不過我覺得如果把框架全部調整為這種HTML+AJax+ASHX處理方式，我覺得還是挺麻煩的，而且逐漸MVC這一技術已經越來越成熟和應用更廣泛了，因此整體性使用MVC來處理，可能能夠帶來更好的效率和減少複雜性。

不過我覺得使用EasyUI來實現這樣的佈局，以及模組的分頁面展示（類似Winform的多文件管理，且可以右鍵選單進行多種關閉頁面）的方式，對一些企業應用、行業管理系統、單位資訊化系統，應該是比較不錯的介面展示了，相對於上面第一種的框架介面，這種更具有瀏覽器相容性，能夠適應多瀏覽器的展現，這樣整個世界就清淨很多了。

2、基於MVC+EasyUI的框架效果

因此為了搭建整個MVC+EasyUI等技術結合的Web開發框架，就從我原先開發的Web的通用許可權管理系統進行改進，來實現整個開發框架的預演了。首先我利用Winform權管理系統的業務邏輯等底層模組，在這個基礎上開發基於MVC的Web專案，也就是介面層以下的邏輯我們暫且不考慮，專注MVC帶來的變化。

下面的專案工程檔案檢視，是我做好的，基於MVC4+EasyUI的最新的Web許可權管理系統。

執行系統後，登入介面和主介面如下所示。

我們知道，一般資訊管理系統都是需要分頁顯示，編輯，檢視等內容的，這些使用EasyUI來實現效果還是比較好的。下面我以一個登入日誌的模組來展示分頁處理和彈出對話方塊，展示資訊。

編輯介面效果如下所示。

如果檢視資訊，則不需要編輯框了，直接用Lable展示即可，如下所示。

 這些就是整個改造後的許可權系統裡面的一些截圖介面，權當做一個總體性的概括，不設計技術實現的任何東西，下篇開始，著重介紹MVC專案中設計到的一些技術實現和經驗總結，希望大家多多支援。 

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