一轉(zhuǎn)眼務(wù)農(nóng)6年了,，呆過(guò)大公司也去過(guò)小作坊，碼農(nóng)的人生除了摳腚還是摳腚,。在所有呆過(guò)的公司里,，感覺(jué)項(xiàng)目沒(méi)有不延期的，真的是因?yàn)樽约翰慌?？也沒(méi)有呀,！上班不怎么聊QQ回家也很少看動(dòng)作片，還搞過(guò)幾次通宵擼碼的,。

以前總感覺(jué)是項(xiàng)目經(jīng)理把工時(shí)估少了,，后來(lái)自己也做過(guò)項(xiàng)目管理，按照以往的經(jīng)歷估工時(shí),，做到最后還是會(huì)有些延期,，要不就是加班拼命趕。我發(fā)現(xiàn)在項(xiàng)目中總是會(huì)遇到一些這樣那樣的問(wèn)題,，比如：客戶需求變了,，基礎(chǔ)數(shù)據(jù)導(dǎo)入耗時(shí)太長(zhǎng)，開(kāi)發(fā)人員水平不高,，以往的項(xiàng)目沒(méi)作積累,，每次都是從頭開(kāi)發(fā)... ...

感覺(jué)在開(kāi)發(fā)過(guò)程中總是做一些重復(fù)的工作，比如權(quán)限的控制，其實(shí)大部分系統(tǒng)都可以通用,；還有數(shù)據(jù)導(dǎo)入,，最開(kāi)始的時(shí)候我真的是傻到一個(gè)個(gè)模塊的去寫(xiě)，復(fù)制,、粘貼,、修改，還經(jīng)常有字段對(duì)錯(cuò)了,；還有數(shù)據(jù)接口,，系統(tǒng)做好以后要花好長(zhǎng)時(shí)間去做數(shù)據(jù)對(duì)接... ...

在此基礎(chǔ)上，我感覺(jué)到要提高開(kāi)發(fā)效率一套高效的開(kāi)發(fā)框架是極為重要的,。加之MVC技術(shù),、Jquery技術(shù)大行其道我把這些技術(shù)也用到了自己的框架中，力求新的框架使今后的開(kāi)發(fā)變得更加高效,，達(dá)到事功倍的效果,。

1、前端實(shí)現(xiàn)

以前我用過(guò)一段時(shí)間的ext感覺(jué)這個(gè)前端框架比較臃腫,，加載速度慢,，而且商用是收費(fèi)的，所以沒(méi)有考慮,，后來(lái)考慮過(guò)easyui,，也需要收費(fèi)，而且感覺(jué)也不是特別靈活,，所以后來(lái)就直接用Jquery來(lái)實(shí)現(xiàn)前端,，用iframe的方式實(shí)現(xiàn)多窗體，自己再把樣式調(diào)整得好看一些整個(gè)下來(lái)感覺(jué)一點(diǎn)都不比其它前端框架差,，而且可以省去版權(quán)費(fèi)用,，降低了總體成本，我實(shí)現(xiàn)的前端界面效果如下：

主頁(yè)面

主界面

主界面如上圖所示,，一般的新增,，編輯窗口也是采用了彈窗，窗口彈出如下圖所示：

登陸界面

這種框架的布局其實(shí)是當(dāng)前比較流行的,，主流的框架基礎(chǔ)都是這個(gè)布局,，用戶體驗(yàn)也比較好,，后臺(tái)是通過(guò)MVC來(lái)響應(yīng),，因?yàn)檫@一技術(shù)已經(jīng)越來(lái)越成熟應(yīng)用也更廣泛了，因此整體性使用MVC來(lái)處理,，可能能夠帶來(lái)更好的效率和減少?gòu)?fù)雜性,。

這的方式，對(duì)一些企業(yè)應(yīng)用,、行業(yè)管理系統(tǒng),、單位信息化系統(tǒng),，應(yīng)該是比較不錯(cuò)的界面展示了，再加上兼容性也很好,，一套這樣的框架拿出來(lái),，客戶的第一印象會(huì)很好的，日后也不會(huì)為調(diào)整界面而鬧心,。

菜單導(dǎo)航提供了三種風(fēng)格：windows開(kāi)始菜單,、抽屜式手風(fēng)琴、樹(shù)形手風(fēng)琴,。整體部局還是相當(dāng)漂亮的,。

2、通用模塊

在絕大部分系統(tǒng)中,，都會(huì)用到權(quán)限管理,、基礎(chǔ)數(shù)據(jù)\業(yè)務(wù)數(shù)據(jù)導(dǎo)入導(dǎo)出、單據(jù)編碼,、郵件發(fā)送等功能,，所以這一塊框架上也是下了功夫，把這些功能做得很靈活,，配置一下在任何一個(gè)系統(tǒng)都可以使用,。效果如下：

郵件通訊組件集成于框架內(nèi)，提供接口給業(yè)務(wù)系統(tǒng)調(diào)用,，可直接用于發(fā)送通知,。

權(quán)限

窗體的表格采用了jqgrid,加載很流暢，功能也比較強(qiáng)大,。

以上就是這個(gè)開(kāi)發(fā)框架里的一些截圖界面,，只做一個(gè)總體性的概括，不設(shè)計(jì)技術(shù)實(shí)現(xiàn)的任何東西,，下篇開(kāi)始,，會(huì)重點(diǎn)講框架中重要技術(shù)的實(shí)現(xiàn)，同時(shí)也會(huì)放出主要代碼和demo供學(xué)習(xí)探討使用,，請(qǐng)大家多多支持,。

大家?guī)兔σ黄饻y(cè)試下 謝謝、賬戶：guest  密碼：123456

在線體驗(yàn)demo地址： http://121.40.148.178:8080/