如何提高碼農(nóng)產(chǎn)量--mvc+jquery框架形成之旅(總體介紹)

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

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

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

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

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

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

主頁面

                                                                                           主界面

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

                                                                                                                        登陸界面

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

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

菜單導(dǎo)航提供了三種風(fēng)格：windows開始菜單、抽屜式手風(fēng)琴、樹形手風(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è)開發(fā)框架里的一些截圖界面，只做一個(gè)總體性的概括，不設(shè)計(jì)技術(shù)實(shí)現(xiàn)的任何東西，下篇開始，會(huì)重點(diǎn)講框架中重要技術(shù)的實(shí)現(xiàn)，同時(shí)也會(huì)放出主要代碼和demo供學(xué)習(xí)探討使用，請大家多多支持。