基于MVC模式的Web前端框架關(guān)鍵技術(shù)研究與實(shí)現(xiàn).pdf

1、隨著互聯(lián)網(wǎng)Web2.0時(shí)代的到來(lái),各種 Web應(yīng)用大量涌現(xiàn),Web站點(diǎn)的前端產(chǎn)生了天翻地覆的變化,網(wǎng)頁(yè)不再簡(jiǎn)單的顯示基本的文字和圖片,各種富媒體元素的使用使得網(wǎng)頁(yè)的內(nèi)容更加生動(dòng),網(wǎng)頁(yè)的交互形式增強(qiáng)了Web應(yīng)用的用戶(hù)體驗(yàn),Web前端技術(shù)在應(yīng)用開(kāi)發(fā)過(guò)程中也得到了越來(lái)越廣泛的使用。
　　Web應(yīng)用的普及使得用戶(hù)對(duì)站點(diǎn)的期望越來(lái)越高,直接導(dǎo)致網(wǎng)站前端規(guī)模不斷擴(kuò)大,越來(lái)越多的前端腳本代碼增加到應(yīng)用系統(tǒng)中,前端開(kāi)發(fā)出現(xiàn)了代碼規(guī)模大、組織維護(hù)困

2、難、代碼重用性低、擴(kuò)展性差等問(wèn)題。建立合理的前端開(kāi)發(fā)架構(gòu),并遵循開(kāi)發(fā)標(biāo)準(zhǔn)和規(guī)范將越來(lái)越重要。
　　本文借鑒MVC模式的后端架構(gòu)方式,通過(guò)分析傳統(tǒng)前端開(kāi)發(fā)和維護(hù)過(guò)程所面臨的問(wèn)題,結(jié)合現(xiàn)在流行的前端設(shè)計(jì)模式,依托JavaScript、jQuery、DOM、Ajax、JSON等前端技術(shù),采用理論和實(shí)踐相結(jié)合的方式,編碼實(shí)現(xiàn)了基于 MVC模式的前端框架。本文構(gòu)建的前端框架使得前端開(kāi)發(fā)遵循模塊式的開(kāi)發(fā)方式,分離了不同類(lèi)型的邏輯,減少依賴(lài)關(guān)系

3、,實(shí)現(xiàn)了前端代碼的解耦、復(fù)用,降低了應(yīng)用擴(kuò)展和維護(hù)的復(fù)雜度,具體研究過(guò)程如下:
　　首先,按照分層架構(gòu)的思想對(duì)前端框架各部分進(jìn)行設(shè)計(jì)。前端框架由模型對(duì)象、集合對(duì)象、控制器對(duì)象、視圖對(duì)象及異步請(qǐng)求對(duì)象五部分組成,對(duì)各個(gè)對(duì)象需要完成的功能進(jìn)行了分析,然后對(duì)對(duì)象中涉及的屬性和方法進(jìn)行了設(shè)計(jì)。
　　其次,對(duì)前端框架中對(duì)象的初始化及包含的方法進(jìn)行編碼實(shí)現(xiàn),本框架中的一個(gè)創(chuàng)新點(diǎn)是在視圖對(duì)象中實(shí)現(xiàn)了模板引擎,將JavaScript代碼和H

4、TML代碼片段分離,通過(guò)模板引擎實(shí)現(xiàn)頁(yè)面視圖的渲染,使得代碼易于維護(hù),同時(shí)提高了頁(yè)面渲染效率。另一創(chuàng)新點(diǎn)是在異步請(qǐng)求對(duì)象中優(yōu)化了 Ajax請(qǐng)求調(diào)度方式,提出請(qǐng)求優(yōu)先級(jí)隊(duì)列及基于等待時(shí)間延長(zhǎng)優(yōu)先級(jí)提升的策略,減少用戶(hù)請(qǐng)求的等待時(shí)間,防止用戶(hù)請(qǐng)求長(zhǎng)時(shí)間無(wú)法得到響應(yīng)。
　　最后,將本文前端框架的模板引擎與目前流行的模板引擎的渲染效率進(jìn)行測(cè)試對(duì)比,將采用Ajax異步請(qǐng)求調(diào)度策略的請(qǐng)求與普通Ajax請(qǐng)求的響應(yīng)時(shí)間進(jìn)行比較,并在相同請(qǐng)求數(shù)的情