本文選題：MVP　切入點：前端框架　出處：《天津大學(xué)》2016年碩士論文

【摘要】：隨著互聯(lián)網(wǎng)Web2.0時代的到來,富媒體元素的使用增加了用戶在網(wǎng)頁前端的交互式體驗。前端開發(fā)出現(xiàn)了代碼規(guī)模擴(kuò)大、組織維護(hù)困難、代碼重用性低、擴(kuò)展性差等問題。建立合理的前端開發(fā)框架,并遵循開發(fā)標(biāo)準(zhǔn)和規(guī)則越來越重要。本文借鑒MVP的后端開發(fā)模式,依托JavaScript、JQuery、DOM、Ajax、HTML5、JSON等前端技術(shù),采用理論和實踐相結(jié)合的方式,編碼實現(xiàn)了基于MVP模式的前端框架CASFront。本文構(gòu)建的前端框架使得前端開發(fā)遵循模塊式的開發(fā)方式,分離了不同類型的邏輯,減少依賴關(guān)系,實現(xiàn)前端代碼的解耦、復(fù)用、降低了應(yīng)用擴(kuò)展和維護(hù)的復(fù)雜度,具體研究過程如下:首先,對傳統(tǒng)前端開發(fā)過程和目前基于MVC的前端框架中存在的問題進(jìn)行分析,通過MVP與MVC的對比,提出MVP在前端開發(fā)中的優(yōu)越性。然后對MVP各層在設(shè)計實現(xiàn)中可能遇到的問題和頁面性能優(yōu)化策略進(jìn)行分析。其次,按照分層架構(gòu)的思想對前端框架CASFront各部分進(jìn)行了設(shè)計和實現(xiàn)。前端框架由模型類、集合類、呈現(xiàn)器類、視圖類四部分組成,對各個類需要完成的功能進(jìn)行了分析和設(shè)計,并對類中涉及的屬性和方法進(jìn)行了編碼實現(xiàn)。本框架中的創(chuàng)新點是:優(yōu)化Ajax請求調(diào)度方式,提出請求優(yōu)先級隊列及基于等待時間延長優(yōu)先級提升的策略,減少用戶請求的等待時間,防止用戶請求時間過長無法得到響應(yīng)。最后,將本文前端框架CASFront、目前流行框架及采取頁面優(yōu)化策略改進(jìn)后的CASFront框架進(jìn)行測試比對。并將此前端框架應(yīng)用于水文數(shù)值模擬系統(tǒng),描述了整個框架的流程和可行性。通過框架測試可看出本文實現(xiàn)的前端框架CASFront在頁面性能優(yōu)化后頁面加載數(shù)據(jù)速度得到了較大的提高。本文為前端框架的設(shè)計與開發(fā)提出了新的解決方案,實現(xiàn)了前端代碼的解耦、復(fù)用、解決了目前前端開發(fā)中遇到的問題。
[Abstract]:With the advent of the Internet Web2.0 era, the use of rich media elements has increased the interactive experience of users at the front end of the web page. It is more and more important to establish a reasonable front-end development framework and follow the development standards and rules. This paper draws lessons from the back-end development model of MVP, relies on front-end technologies such as Java JQuery MVP / Ajax-Ajax-HTML5JSON, and adopts a combination of theory and practice. In this paper, the front-end framework is constructed to make the front-end development follow the modular development mode, separate different types of logic, reduce dependencies, realize the decoupling and reuse of front-end code. The complexity of application extension and maintenance is reduced. The specific research process is as follows: firstly, the problems existing in the traditional front-end development process and the current front-end framework based on MVC are analyzed, and the comparison between MVP and MVC is carried out. The advantages of MVP in front-end development are put forward. Then the problems that may be encountered in the design and implementation of MVP and the optimization strategy of page performance are analyzed. According to the idea of hierarchical architecture, every part of front-end frame CASFront is designed and implemented. The front-end frame is composed of model class, collection class, renderer class and view class. The functions of each class are analyzed and designed. The innovation of this framework is to optimize the Ajax request scheduling mode, propose the request priority queue and the strategy of increasing the priority based on the waiting time. Reduce the waiting time for a user request and prevent the user from getting a response if the request time is too long. Finally, In this paper, the front-end frame CASFront, the current popular framework and the improved CASFront framework after adopting the page optimization strategy are tested and compared, and the front-end frame is applied to the hydrological numerical simulation system. This paper describes the flow and feasibility of the whole framework. Through the framework test, we can see that the page loading data speed of the front-end frame CASFront realized in this paper has been greatly improved after the page performance optimization. Develop a new solution, The decoupling and reuse of the front-end code are realized, and the problems encountered in the front-end development are solved.
【學(xué)位授予單位】：天津大學(xué)
【學(xué)位級別】：碩士
【學(xué)位授予年份】：2016
【分類號】：TP311.52

【相似文獻(xiàn)】

相關(guān)期刊論文 前10條

1 ;使用ASP．NET AJAX取消服務(wù)器任務(wù)[J];電腦編程技巧與維護(hù);2008年01期

2 何貞銘;胡小夏;劉學(xué)鋒;;基于Flex的WebGIS客戶端及其應(yīng)用[J];地理空間信息;2014年02期

3 吳迪;;客戶端框架在B/S考試系統(tǒng)自動評分模塊中的應(yīng)用[J];廊坊師范學(xué)院學(xué)報(自然科學(xué)版);2010年06期

4 侯海平;;基于jQuery前端框架提升Web用戶體驗的研究[J];科教文匯(下旬刊);2013年02期

5 苗浩;孟丹;;基于MVP理論的博物館學(xué)習(xí)個人境脈設(shè)計[J];軟件導(dǎo)刊(教育技術(shù));2014年07期

6 ;萬訊MVP閥門定位器發(fā)力環(huán)保型化工行業(yè)[J];自動化應(yīng)用;2011年07期

7 栗新雨;;兩款jQuery前端框架(DWZ和MiniUI)之比較[J];計算機(jī)光盤軟件與應(yīng)用;2013年20期

8 付江;;中國MVP的西雅圖之旅——記微軟2008 MVP全球峰會[J];程序員;2008年06期

9 王炳晨;悄然興起的社區(qū)互助服務(wù)——微軟MVP計劃登陸中國[J];微電腦世界;2002年10期

10 李菲萍;;如何做一場成功的技術(shù)講座?——微軟MVP最佳講師郭安定講座側(cè)記[J];程序員;2006年09期

相關(guān)會議論文 前2條

1 潘美;趙博文;;經(jīng)胸及經(jīng)食管超聲心動圖在CABG同期MVP中的應(yīng)用[A];2005年浙江省超聲醫(yī)學(xué)學(xué)術(shù)年會論文匯編[C];2005年

2 黎海文;;具有MVP功能起搏器的應(yīng)用體會[A];第十三次全國心血管病學(xué)術(shù)會議論文集[C];2011年

相關(guān)重要報紙文章 前4條

1 惠文;山東新華信息平臺全面上線[N];中國新聞出版報;2008年

2 本報記者 余波;微軟力推亞洲MVP 印度專家更重技術(shù)[N];計算機(jī)世界;2002年

3 本報記者 黎素明;微軟支持MVP的醉翁之意[N];計算機(jī)世界;2004年

4 惠文;山東新華書店集團(tuán)連鎖信息平臺上線使用[N];中國圖書商報;2008年

相關(guān)碩士學(xué)位論文 前10條

1 郭佳寧;基于MVP的前端框架CASFront的設(shè)計與實現(xiàn)[D];天津大學(xué);2016年

2 張毅;基于iOS平臺的手機(jī)銀行客戶端框架的設(shè)計與實現(xiàn)[D];哈爾濱工業(yè)大學(xué);2015年

3 張迎亞;基于jQuery的Web前端框架MX的設(shè)計與實現(xiàn)[D];南京大學(xué);2014年

4 鄭杰;AngularJS前端框架與后端代碼自動生成系統(tǒng)的設(shè)計與實現(xiàn)[D];西南交通大學(xué);2016年

5 賈叢叢;基于MVVM的Web前端響應(yīng)式框架的研究與集成[D];云南大學(xué);2016年

6 王光輝;基于iOS平臺的客戶端框架設(shè)計與實現(xiàn)[D];中國地質(zhì)大學(xué)(北京);2016年

7 魯超;跨平臺的手機(jī)郵箱客戶端框架的設(shè)計與實現(xiàn)[D];北京郵電大學(xué);2007年

8 胡智超;騰訊Q~+應(yīng)用商店前端框架設(shè)計與實現(xiàn)及性能優(yōu)化[D];哈爾濱工業(yè)大學(xué);2013年

9 喬淑夷;基于MVC模式的Web前端框架關(guān)鍵技術(shù)研究與實現(xiàn)[D];中國海洋大學(xué);2014年

10 陳幼凌;一種開發(fā)和執(zhí)行均衡高效的Web前端框架的研究與實現(xiàn)[D];北京郵電大學(xué);2015年

，

本文編號：1684626