最近花了很多時間在重構(gòu)和進(jìn)一步提煉Winform開發(fā)框架的工作上,加上時不時有一些項目的開發(fā)工作,我博客里面介紹Web開發(fā)框架的文章比較少,其實以前在單位工作,80%的時間是做Web開發(fā)的,很早就形成了自己的一套Web開發(fā)框架,但是由于一些個人原因,一直沒有來得及好好整理和推廣,其實那套Web開發(fā)框架對大多數(shù)企業(yè)信息化還是很有幫助的,包括了整體性的框架布局、樣式,以及權(quán)限控制、菜單管理、字典管理、工作流審批管理等常見模塊,不過總體覺得技術(shù)上是采用asp.net的Webform技術(shù),因此現(xiàn)在MVC大行其道,一直想把它徹底改造過來,本文是介紹基于MVC4+EasyUI的最新版Web開發(fā)框架的一系列形成過程,期間包括一些MVC4技術(shù),EasyUI技術(shù),JQuery技術(shù),以及一些我對整體框架改造的基礎(chǔ)性東西,力求更加穩(wěn)定、通用、高效、簡潔,最少的代碼做最多的事情。
玉泉網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,玉泉網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為玉泉上1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢,請找那個售后服務(wù)好的玉泉做網(wǎng)站的公司定做!在原先的Web框架里面,主要是采用FrameSet的原始方式進(jìn)行布局,很多內(nèi)容依靠Javascript類庫進(jìn)行操作,小部分采用了EasyUI的一些特性,總體來說,是比較傳統(tǒng)的一種框架模式,這個框架里面我已經(jīng)集成了用戶角色等權(quán)限方面的管理和控制、菜單管理、字典管理、業(yè)務(wù)流程審批管理等模塊,因此對開發(fā)常規(guī)的行業(yè)應(yīng)用有著比較快的開發(fā)效率,不過缺點(diǎn)也比較明顯,就是在多瀏覽器支持方面,沒有做的很好,框架里面采用的布局、樣式及技術(shù)等方面不夠統(tǒng)一,不夠新穎,但即使這樣,這套框架也順利用來開發(fā)了幾套很大規(guī)模的行業(yè)應(yīng)用了,項目的大概布局和樣式,如下所以。
在Ajax技術(shù)如火如荼的時候,我也常常覺得,應(yīng)該結(jié)合一些新的技術(shù)特點(diǎn),來改造一下我自己的框架,因此,使用了純粹的AJax技術(shù)+Asp.NET的“一般處理程序”,也就是ashx的C#后臺處理 + HTML的頁面來實現(xiàn)數(shù)據(jù)的處理和顯示操作,于是我調(diào)整開發(fā)了Web的權(quán)限系統(tǒng)作為實驗(詳細(xì)可參考《Web開發(fā)框架之權(quán)限管理系統(tǒng)》一文的介紹,界面效果如下所示。
這種框架的布局其實已經(jīng)是利用了比較潮的EasyUI界面布局,得到一些老客戶的支持和鼓勵,不過我覺得如果把框架全部調(diào)整為這種HTML+AJax+ASHX處理方式,我覺得還是挺麻煩的,而且逐漸MVC這一技術(shù)已經(jīng)越來越成熟和應(yīng)用更廣泛了,因此整體性使用MVC來處理,可能能夠帶來更好的效率和減少復(fù)雜性。
不過我覺得使用EasyUI來實現(xiàn)這樣的布局,以及模塊的分頁面展示(類似Winform的多文檔管理,且可以右鍵菜單進(jìn)行多種關(guān)閉頁面)的方式,對一些企業(yè)應(yīng)用、行業(yè)管理系統(tǒng)、單位信息化系統(tǒng),應(yīng)該是比較不錯的界面展示了,相對于上面第一種的框架界面,這種更具有瀏覽器兼容性,能夠適應(yīng)多瀏覽器的展現(xiàn),這樣整個世界就清凈很多了。
因此為了搭建整個MVC+EasyUI等技術(shù)結(jié)合的Web開發(fā)框架,就從我原先開發(fā)的Web的通用權(quán)限管理系統(tǒng)進(jìn)行改進(jìn),來實現(xiàn)整個開發(fā)框架的預(yù)演了。首先我利用Winform權(quán)管理系統(tǒng)的業(yè)務(wù)邏輯等底層模塊,在這個基礎(chǔ)上開發(fā)基于MVC的Web項目,也就是界面層以下的邏輯我們暫且不考慮,專注MVC帶來的變化。
下面的項目工程文件視圖,是我做好的,基于MVC4+EasyUI的最新的Web權(quán)限管理系統(tǒng)。
運(yùn)行系統(tǒng)后,登錄界面和主界面如下所示。
我們知道,一般信息管理系統(tǒng)都是需要分頁顯示,編輯,查看等內(nèi)容的,這些使用EasyUI來實現(xiàn)效果還是比較好的。下面我以一個登錄日志的模塊來展示分頁處理和彈出對話框,展示信息。
編輯界面效果如下所示。
如果查看信息,則不需要編輯框了,直接用Lable展示即可,如下所示。
這些就是整個改造后的權(quán)限系統(tǒng)里面的一些截圖界面,權(quán)當(dāng)做一個總體性的概括,不設(shè)計技術(shù)實現(xiàn)的任何東西,下篇開始,著重介紹MVC項目中設(shè)計到的一些技術(shù)實現(xiàn)和經(jīng)驗總結(jié),希望大家多多支持。
創(chuàng)新互聯(lián)www.cdcxhl.cn,專業(yè)提供香港、美國云服務(wù)器,動態(tài)BGP最優(yōu)骨干路由自動選擇,持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證, 機(jī)房獨(dú)有T級流量清洗系統(tǒng)配攻擊溯源,準(zhǔn)確進(jìn)行流量調(diào)度,確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟,新人活動云服務(wù)器買多久送多久。