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

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

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

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

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