基于MVC4+EasyUI的Web開(kāi)發(fā)框架形成之旅--總體介紹-創(chuàng)新互聯(lián)

最近花了很多時(shí)間在重構(gòu)和進(jìn)一步提煉Winform開(kāi)發(fā)框架的工作上，加上時(shí)不時(shí)有一些項(xiàng)目的開(kāi)發(fā)工作，我博客里面介紹Web開(kāi)發(fā)框架的文章比較少，其實(shí)以前在單位工作，80%的時(shí)間是做Web開(kāi)發(fā)的，很早就形成了自己的一套Web開(kāi)發(fā)框架，但是由于一些個(gè)人原因，一直沒(méi)有來(lái)得及好好整理和推廣，其實(shí)那套Web開(kāi)發(fā)框架對(duì)大多數(shù)企業(yè)信息化還是很有幫助的，包括了整體性的框架布局、樣式，以及權(quán)限控制、菜單管理、字典管理、工作流審批管理等常見(jiàn)模塊，不過(guò)總體覺(jué)得技術(shù)上是采用asp.net的Webform技術(shù)，因此現(xiàn)在MVC大行其道，一直想把它徹底改造過(guò)來(lái)，本文是介紹基于MVC4+EasyUI的最新版Web開(kāi)發(fā)框架的一系列形成過(guò)程，期間包括一些MVC4技術(shù)，EasyUI技術(shù)，JQuery技術(shù)，以及一些我對(duì)整體框架改造的基礎(chǔ)性東西，力求更加穩(wěn)定、通用、高效、簡(jiǎn)潔，最少的代碼做最多的事情。

玉泉網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,玉泉網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為玉泉上1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的玉泉做網(wǎng)站的公司定做！

1、舊的Web開(kāi)發(fā)框架回顧

在原先的Web框架里面，主要是采用FrameSet的原始方式進(jìn)行布局，很多內(nèi)容依靠Javascript類(lèi)庫(kù)進(jìn)行操作，小部分采用了EasyUI的一些特性，總體來(lái)說(shuō)，是比較傳統(tǒng)的一種框架模式，這個(gè)框架里面我已經(jīng)集成了用戶(hù)角色等權(quán)限方面的管理和控制、菜單管理、字典管理、業(yè)務(wù)流程審批管理等模塊，因此對(duì)開(kāi)發(fā)常規(guī)的行業(yè)應(yīng)用有著比較快的開(kāi)發(fā)效率，不過(guò)缺點(diǎn)也比較明顯，就是在多瀏覽器支持方面，沒(méi)有做的很好，框架里面采用的布局、樣式及技術(shù)等方面不夠統(tǒng)一，不夠新穎，但即使這樣，這套框架也順利用來(lái)開(kāi)發(fā)了幾套很大規(guī)模的行業(yè)應(yīng)用了，項(xiàng)目的大概布局和樣式，如下所以。

在Ajax技術(shù)如火如荼的時(shí)候，我也常常覺(jué)得，應(yīng)該結(jié)合一些新的技術(shù)特點(diǎn)，來(lái)改造一下我自己的框架，因此，使用了純粹的AJax技術(shù)+Asp.NET的“一般處理程序”，也就是ashx的C#后臺(tái)處理 + HTML的頁(yè)面來(lái)實(shí)現(xiàn)數(shù)據(jù)的處理和顯示操作，于是我調(diào)整開(kāi)發(fā)了Web的權(quán)限系統(tǒng)作為實(shí)驗(yàn)（詳細(xì)可參考《Web開(kāi)發(fā)框架之權(quán)限管理系統(tǒng)》一文的介紹，界面效果如下所示。

這種框架的布局其實(shí)已經(jīng)是利用了比較潮的EasyUI界面布局，得到一些老客戶(hù)的支持和鼓勵(lì)，不過(guò)我覺(jué)得如果把框架全部調(diào)整為這種HTML+AJax+ASHX處理方式，我覺(jué)得還是挺麻煩的，而且逐漸MVC這一技術(shù)已經(jīng)越來(lái)越成熟和應(yīng)用更廣泛了，因此整體性使用MVC來(lái)處理，可能能夠帶來(lái)更好的效率和減少?gòu)?fù)雜性。

不過(guò)我覺(jué)得使用EasyUI來(lái)實(shí)現(xiàn)這樣的布局，以及模塊的分頁(yè)面展示（類(lèi)似Winform的多文檔管理，且可以右鍵菜單進(jìn)行多種關(guān)閉頁(yè)面）的方式，對(duì)一些企業(yè)應(yīng)用、行業(yè)管理系統(tǒng)、單位信息化系統(tǒng)，應(yīng)該是比較不錯(cuò)的界面展示了，相對(duì)于上面第一種的框架界面，這種更具有瀏覽器兼容性，能夠適應(yīng)多瀏覽器的展現(xiàn)，這樣整個(gè)世界就清凈很多了。

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

因此為了搭建整個(gè)MVC+EasyUI等技術(shù)結(jié)合的Web開(kāi)發(fā)框架，就從我原先開(kāi)發(fā)的Web的通用權(quán)限管理系統(tǒng)進(jìn)行改進(jìn)，來(lái)實(shí)現(xiàn)整個(gè)開(kāi)發(fā)框架的預(yù)演了。首先我利用Winform權(quán)管理系統(tǒng)的業(yè)務(wù)邏輯等底層模塊，在這個(gè)基礎(chǔ)上開(kāi)發(fā)基于MVC的Web項(xiàng)目，也就是界面層以下的邏輯我們暫且不考慮，專(zhuān)注MVC帶來(lái)的變化。

下面的項(xiàng)目工程文件視圖，是我做好的，基于MVC4+EasyUI的最新的Web權(quán)限管理系統(tǒng)。

運(yùn)行系統(tǒng)后，登錄界面和主界面如下所示。

我們知道，一般信息管理系統(tǒng)都是需要分頁(yè)顯示，編輯，查看等內(nèi)容的，這些使用EasyUI來(lái)實(shí)現(xiàn)效果還是比較好的。下面我以一個(gè)登錄日志的模塊來(lái)展示分頁(yè)處理和彈出對(duì)話(huà)框，展示信息。

編輯界面效果如下所示。

如果查看信息，則不需要編輯框了，直接用Lable展示即可，如下所示。

這些就是整個(gè)改造后的權(quán)限系統(tǒng)里面的一些截圖界面，權(quán)當(dāng)做一個(gè)總體性的概括，不設(shè)計(jì)技術(shù)實(shí)現(xiàn)的任何東西，下篇開(kāi)始，著重介紹MVC項(xiàng)目中設(shè)計(jì)到的一些技術(shù)實(shí)現(xiàn)和經(jīng)驗(yàn)總結(jié)，希望大家多多支持。

創(chuàng)新互聯(lián)www.cdcxhl.cn，專(zhuān)業(yè)提供香港、美國(guó)云服務(wù)器，動(dòng)態(tài)BGP最優(yōu)骨干路由自動(dòng)選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機(jī)房獨(dú)有T級(jí)流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進(jìn)行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動(dòng)現(xiàn)已開(kāi)啟，新人活動(dòng)云服務(wù)器買(mǎi)多久送多久。

網(wǎng)站欄目：基于MVC4+EasyUI的Web開(kāi)發(fā)框架形成之旅--總體介紹-創(chuàng)新互聯(lián)
文章起源：http://muchs.cn/article24/dsepce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、建站公司、網(wǎng)站排名、網(wǎng)站改版、動(dòng)態(tài)網(wǎng)站、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)