隨著互聯(lián)網(wǎng)在休閑娛樂,社交平臺、以及電子商務(wù)等各個領(lǐng)域的不斷深度滲透,各類互聯(lián)網(wǎng)應(yīng)用不斷發(fā)展和迭代。應(yīng)用的復(fù)雜多變,使得不同系統(tǒng)之間數(shù)據(jù)和模塊的遷移成本越來越高。前端元素不再是以前的單一形式,變的越來越豐富,市場上各類應(yīng)用和平臺對于用戶的體驗有越來越高的要求。對于與用戶直接頻繁交流的前端來說,如何更加高效的進行資源管理和響應(yīng)也成為迫切需要優(yōu)化的方面。針對以上問題,已存在一些相關(guān)架構(gòu)和框架的研究。但是這些研究仍存在一些問題和局限性,比如前后端未能徹底分離,Node服務(wù)耦合太多業(yè)務(wù)邏輯,數(shù)據(jù)全部由瀏覽器渲染性能存在局限性,不能更好的實現(xiàn)多系統(tǒng)的組件復(fù)用,忽略了前端運維層的重要性等等這些問題。當(dāng)前迫切需要一種有效的前端架構(gòu)來優(yōu)化和解決上述問題。本文充分調(diào)研了微服務(wù),前端架構(gòu)以及組件化的現(xiàn)狀,分析和總結(jié)了在設(shè)計方案等層面存在的不足之處。引入微服務(wù)化設(shè)計思路,提出了一個微服務(wù)化的三層前端架構(gòu)。該架構(gòu)分為Node中間層、web應(yīng)用層以及前端運維層。Node中間層作為后臺服務(wù)器和前端的中間層,其主要功能是數(shù)據(jù)代理、服務(wù)端渲染和路由分發(fā);web應(yīng)用開發(fā)層主要使用MDV模式建立一個“樹狀”組件化模型,該... 

【文章頁數(shù)】：74 頁

【學(xué)位級別】：碩士

【文章目錄】：
摘要
Abstract
第一章 緒論
    1.1 研究背景及意義
    1.2 國內(nèi)外研究現(xiàn)狀及分析
        1.2.1 前端架構(gòu)研究現(xiàn)狀
        1.2.2 微服務(wù)化研究現(xiàn)狀
        1.2.3 組件化研究現(xiàn)狀
        1.2.4 問題的提出
    1.3 本文研究內(nèi)容
    1.4 本文結(jié)構(gòu)
第二章 關(guān)鍵技術(shù)研究
    2.1 微服務(wù)
        2.1.1 微服務(wù)概述
        2.1.2 微服務(wù)優(yōu)勢
    2.2 架構(gòu)設(shè)計規(guī)范
        2.2.1 SSR
        2.2.2 MDV技術(shù)概論
    2.3 通信接口
        2.3.1 HTTP
        2.3.2 REST
    2.4 前端基礎(chǔ)技術(shù)研究
    2.5 組件化開發(fā)綜述
    2.6 前端性能優(yōu)化影響因素
    2.7 本章小結(jié)
第三章 微服務(wù)化前端架構(gòu)的分析與設(shè)計
    3.1 架構(gòu)需求概述
    3.2 技術(shù)方案分析對比
    3.3 前端架構(gòu)設(shè)計
        3.3.1 總體設(shè)計
        3.3.2 Node中間層設(shè)計
        3.3.3 web應(yīng)用層設(shè)計
        3.3.4 運維層設(shè)計
    3.4 本章小結(jié)
第四章 微服務(wù)化前端架構(gòu)的實現(xiàn)
    4.1 技術(shù)架構(gòu)
    4.2 Node中間層的實現(xiàn)
        4.2.1 數(shù)據(jù)代理的實現(xiàn)
        4.2.2 數(shù)據(jù)mock的實現(xiàn)
        4.2.3 url路由的實現(xiàn)
        4.2.4 服務(wù)端模板渲染的實現(xiàn)
    4.3 web應(yīng)用層的實現(xiàn)
        4.3.1 組件化模型的實現(xiàn)
        4.3.2 MDV建模
    4.4 前端運維層的實現(xiàn)
        4.4.1 構(gòu)建和部署
        4.4.2 測試
    4.5 本章小結(jié)
第五章 前端開發(fā)規(guī)范及組件的實現(xiàn)
    5.1 前端開發(fā)規(guī)范
    5.2 前端樣式庫
    5.3 JavaScript組件
    5.4 本章小結(jié)
第六章 移動端hybrid app應(yīng)用實例
    6.1 應(yīng)用實例需求描述
    6.2 RESTful API設(shè)計
    6.3 組件建模
    6.4 基于架構(gòu)的系統(tǒng)部署示例
    6.5 基于架構(gòu)的性能監(jiān)控示例
    6.6 效果實現(xiàn)及測試分析
    6.7 本章小結(jié)
第七章 總結(jié)與展望
    7.1 論文總結(jié)
    7.2 論文展望
參考文獻
致謝
攻讀碩士學(xué)位期間主要的研究成果


【參考文獻】：
期刊論文
[1]基于Web components標(biāo)準(zhǔn)的前端工程組件化的改進研究[J]. 黃江寧.  電子技術(shù)與軟件工程. 2016(22)
[2]Web前端性能優(yōu)化方案與實踐[J]. 王成,李少元,鄭黎曉,緱錦,曾梅琴,劉慧敏.  計算機應(yīng)用與軟件. 2014(12)
[3]淺析白盒測試和黑盒測試[J]. 張瑋.  無線互聯(lián)科技. 2013(06)
[4]利用Nginx實現(xiàn)網(wǎng)站負(fù)載均衡[J]. 劉振宇.  中國管理信息化. 2012(16)
[5]數(shù)據(jù)可視化技術(shù)應(yīng)用趨勢與分類研究[J]. 張浩,郭燦.  軟件導(dǎo)刊. 2012(05)
[6]Ajax技術(shù)在Web2.0網(wǎng)站設(shè)計中的應(yīng)用研究[J]. 熊文,熊淑華,孫旭,張朝陽.  計算機技術(shù)與發(fā)展. 2012(03)
[7]使用高性能Web服務(wù)器Nginx實現(xiàn)開源負(fù)載均衡[J]. 林麗麗.  大眾科技. 2010(07)
[8]服務(wù)器負(fù)載均衡技術(shù)研究[J]. 周瑩蓮,劉甫.  計算機與數(shù)字工程. 2010(04)
[9]基于MVC模式的WEB應(yīng)用框架[J]. 陳瑋,沈雷.  微計算機信息. 2009(15)
[10]AJAX跨域訪問的研究與應(yīng)用[J]. 陳臘梅,李為,程振林,張曉力.  計算機工程與設(shè)計. 2008(22)

博士論文
[1]移動Web瀏覽系統(tǒng)的若干關(guān)鍵技術(shù)研究[D]. 張開敏.中國科學(xué)技術(shù)大學(xué) 2012
[2]并行計算普適編程模型及系統(tǒng)架構(gòu)研究[D]. 金晶.北京郵電大學(xué) 2012
[3]基于REST的Web服務(wù)架構(gòu)理論與技術(shù)研究[D]. 馮新?lián)P.解放軍信息工程大學(xué) 2009

碩士論文
[1]基于微服務(wù)架構(gòu)的平臺化服務(wù)框架的設(shè)計與實現(xiàn)[D]. 譚一鳴.北京交通大學(xué) 2017
[2]基于Node.js的Web前端框架的研究與實現(xiàn)[D]. 溫馨.東南大學(xué) 2017
[3]基于HTML5的移動電商系統(tǒng)前端的設(shè)計與實現(xiàn)[D]. 段躍潤.南京大學(xué) 2017
[4]前端組件化開發(fā)平臺Alloy Store中數(shù)據(jù)對接模塊的設(shè)計與實現(xiàn)[D]. 楊宇杰.南京大學(xué) 2017
[5]MVVM前后端數(shù)據(jù)交互中安全機制的研究與實現(xiàn)[D]. 程桂花.浙江理工大學(xué) 2017
[6]Web前端工程組件化的分析與改進[D]. 戴翔宇.吉林大學(xué) 2016
[7]基于MVVM的Web前端響應(yīng)式框架的研究與集成[D]. 賈叢叢.云南大學(xué) 2016
[8]Web前端實時異常監(jiān)控與報警平臺的設(shè)計與實現(xiàn)[D]. 徐江偉.華中科技大學(xué) 2016
[9]基于Node.js的高并發(fā)在線商城系統(tǒng)的設(shè)計與實現(xiàn)[D]. 吳博.北京郵電大學(xué) 2016
[10]一種開發(fā)和執(zhí)行均衡高效的Web前端框架的研究與實現(xiàn)[D]. 陳幼凌.北京郵電大學(xué) 2015



本文編號：3666098