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

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

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

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

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