發(fā)布時間：2020-05-27 06:45

【摘要】：隨著互聯(lián)網(wǎng)的快速發(fā)展,應用的復雜程度越來越高,用戶體驗也越來越重要。在Java Script發(fā)展初期其主要作用是實現(xiàn)簡單的頁面交互邏輯,功能簡單且代碼量極少。而如今CPU、瀏覽器性能得到了極大的提升,很多頁面邏輯遷移到了客戶端,隨著web2.0時代的到來,Ajax技術(shù)得到廣泛應用,各種前端框架層出不窮,前端代碼日益膨脹。這給開發(fā)者帶來很大的學習負擔以及項目的代碼維護成本,如何解決開發(fā)流程和業(yè)務邏輯嚴重耦合、業(yè)務代碼的框架版本遷移成為了一個十分嚴峻的問題。論文以模型驅(qū)動開發(fā)和前端組件化為核心思想,運用React、Redux、Webpack等技術(shù),根據(jù)業(yè)務邏輯和開發(fā)經(jīng)驗設計了能夠覆蓋大部分應用場景的UIModel、Data Model、Show Model這三種模型,設計與實現(xiàn)了一個基于模型驅(qū)動的前端框架。通過這個框架,業(yè)務開發(fā)人員只需要關注模型本身的配置,其他的所有工作由MBB前端框架來完成。所有的新技術(shù)融合全在框架層進行,專業(yè)的前端開發(fā)人員也只需要關注框架本身的開發(fā)。通過這種基于模型驅(qū)動的前端框架,可以極大地加快開發(fā)效率,減少開發(fā)成本,并且可以做到項目在框架之間的平滑遷移。最后使用該框架和傳統(tǒng)的前端開發(fā)方法開發(fā)了一個通用的后臺管理系統(tǒng)并進行仿真環(huán)境測試。MBB前端框架大幅度簡化了開發(fā)人員的工作流程和開發(fā)難度,并將工作量大幅度削減,同時通過框架開發(fā)出的應用性能、可拓展性、可維護性、代碼健壯性都有卓越的提升。
【圖文】：

華 中 科 技 大 學 碩 士 學 位 論 文設計和開發(fā)，然后內(nèi)外兩個部分的項目之間要緊密聯(lián)系，這樣就可以保證整個項目的進度可控和整體宏觀的可控性[40,41]。圖 2-1 展示了一個 MDD 項目中的任務流。有的任務可能在傳統(tǒng)項目中執(zhí)行。而有部分任務是為了具體項目構(gòu)建 MDD 工作時的附加任務。

圖 3-1 MBB 前端框架功能需求用例圖員專注維護框架的底層實現(xiàn)以及豐富功能與組件，輯后根據(jù)需求配置模型即可生成一套完整的應用。端框架系統(tǒng)架構(gòu)架構(gòu)架整體采用 MVC 架構(gòu)模式，當切換成 Vue.js 或BB 前端框架的 View 層這一部分會轉(zhuǎn)化為 MVV。其主要原因是考慮到Model層由UIModel、ShowM賴 React 進行構(gòu)建的，，由于 React 的高效和快速的出色。View層具體的組件由基于各種適配React組發(fā)者繼續(xù)添加自定義組件或者組件庫。為了避免隨
【學位授予單位】：華中科技大學
【學位級別】：碩士
【學位授予年份】：2018
【分類號】：TP311.52

【參考文獻】

相關期刊論文 前10條

1 王成;李少元;鄭黎曉;緱錦;曾梅琴;劉慧敏;;Web前端性能優(yōu)化方案與實踐[J];計算機應用與軟件;2014年12期

2 王政;;Web前端開發(fā)技術(shù)以及優(yōu)化研究[J];電腦知識與技術(shù);2013年22期

3 劉秀芹;;基于Web標準的企業(yè)網(wǎng)站網(wǎng)頁設計與實現(xiàn)[J];電腦知識與技術(shù);2013年09期

4 劉薇;龔海華;;HTML5&CSS3在網(wǎng)頁設計中的優(yōu)勢[J];金田(勵志);2012年12期

5 孔靚;賈美娟;;網(wǎng)頁制作中的CSS樣式表[J];科技創(chuàng)新與應用;2012年24期

6 魏娜;;Web前端開發(fā)技術(shù)研究[J];現(xiàn)代計算機(專業(yè)版);2011年29期

7 劉欣;;淺談ASP.NET下WEB設計提高加載速度[J];科技風;2011年12期

8 陳競藝;;淺析Web2.0——未來的互聯(lián)網(wǎng)[J];科技資訊;2011年10期

9 鄭麗琴;;淺談網(wǎng)頁布局的設計[J];福建教育學院學報;2009年02期

10 甘少娟;;Web2.0的本質(zhì)和應用發(fā)展[J];廣東通信技術(shù);2008年08期

相關碩士學位論文 前2條

1 李新新;在線學習平臺的前端設計優(yōu)化與實現(xiàn)[D];南京大學;2016年

2 張佳梁;面向定制化廣告的前端組件化框架設計與實現(xiàn)[D];南京大學;2016年

本文編號：2683126