現(xiàn)如今,互聯(lián)網(wǎng)技術(shù)逐步深入到人們生活中的各個方面,與人們生活息息相關(guān)的網(wǎng)購行為也在網(wǎng)絡巨頭的推動下呈現(xiàn)出愈發(fā)強勁的趨勢,其中移動端購物在網(wǎng)購行為中已經(jīng)成為主要部分而且它的占比仍然保持著快速增長,如何快速應對急劇增加的移動端購物需求所帶來的巨大的移動端開發(fā)需求已經(jīng)成為一項很有研究價值的課題。通過對移動端與PC端頁面的相比,可以發(fā)現(xiàn)由于移動端設備屏幕的限制,其頁面在設計和布局上有著獨特但比較統(tǒng)一的風格�？傮w上,移動端頁面在布局方面是可以在垂直方向上進行模塊化分割的。結(jié)合移動端頁面的這種特性,本文設計一種基于自定義組織結(jié)構(gòu)的Vue組件進行可視化操作并動態(tài)生成移動端頁面的思路,來提高頁面構(gòu)建的效率和可復用性等。本文搭建一個基于Node.js和REST風格移動端頁面可視化構(gòu)建平臺,開發(fā)者需要開發(fā)出符合一定規(guī)范的Vue業(yè)務組件文件,然后利用該平臺對組件進行一系列處理,之后渲染并打包產(chǎn)生瀏覽器可以直接加載渲染的靜態(tài)文件,這一系列流程為可視化操作提供了前提。利用渲染后的靜態(tài)文件,該平臺可以為用戶提供可視化操作的能力,用戶可以在模擬的移動端屏幕上對組件進行組合并形成各種預覽頁面。平臺根據(jù)用戶的可視化操作... 

【文章來源】：電子科技大學四川省211工程院校985工程院校教育部直屬院校

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

【學位級別】：碩士

【文章目錄】：
摘要
abstract
第一章 緒論
    1.1 研究工作的背景及意義
    1.2 國內(nèi)外研究現(xiàn)狀
    1.3 論文的主要研究內(nèi)容
    1.4 論文的組織結(jié)構(gòu)
第二章 相關(guān)技術(shù)研究
    2.1 Web開發(fā)技術(shù)
    2.2 Node.js平臺
    2.3 Express應用開發(fā)框架
    2.4 MongoDB數(shù)據(jù)庫
    2.5 Vue漸進式JavaScript框架
    2.6 單頁Web應用
    2.7 預處理器Stylus
    2.8 Webpack模塊打包器
    2.9 REST軟件架構(gòu)風格
    2.10 本章小結(jié)
第三章 移動端頁面構(gòu)建平臺系統(tǒng)的設計
    3.1 移動端頁面構(gòu)建平臺總體設計
    3.2 可視化構(gòu)建流程設計
    3.3 REST風格設計
        3.3.1 基于Node.js的REST路由結(jié)構(gòu)
        3.3.2 移動端頁面構(gòu)建平臺的RESTful API設計
        3.3.3 RESTAPI與傳統(tǒng)的API的對比
    3.4 數(shù)據(jù)庫設計
    3.5 性能優(yōu)化設計
        3.5.1 代碼丑化壓縮
        3.5.2 文件gzip壓縮
        3.5.3 緩存
            3.5.3.1 瀏覽器緩存
            3.5.3.2 服務器端LRU緩存
        3.5.4 子進程分發(fā)優(yōu)化
        3.5.5 代碼分割與按需加載
    3.6 本章小結(jié)
第四章 移動端頁面可視化構(gòu)建平臺系統(tǒng)的實現(xiàn)
    4.1 移動端頁面構(gòu)建平臺前端實現(xiàn)
        4.1.1 前端總體框架搭建
        4.1.2 前端布局
        4.1.3 模塊化組件
        4.1.4 組件可視化操作
        4.1.5 代碼分割與按需加載
    4.2 移動端頁面構(gòu)建平臺后端實現(xiàn)
        4.2.1 子進程分發(fā)
        4.2.2 渲染模塊
        4.2.3 組件上傳
        4.2.4 頁面構(gòu)建模塊
        4.2.5 自定義塊實現(xiàn)動態(tài)安裝依賴包
    4.3 本章小結(jié)
第五章 系統(tǒng)展示
    5.1 系統(tǒng)功能性展示
        5.1.1 組件上傳
        5.1.2 組件渲染
        5.1.3 可視化操作
        5.1.4 自動化構(gòu)建
    5.2 RESTful請求展示
    5.3 系統(tǒng)優(yōu)化展示
        5.3.1 代碼丑化壓縮
        5.3.2 文件gzip壓縮
        5.3.3 代碼分割與緩存
        5.3.4 壓縮優(yōu)化的效果
    5.4 本章小結(jié)
第六章 全文總結(jié)與展望
    6.1 論文總結(jié)
    6.2 未來展望
致謝
參考文獻
攻碩期間取得的研究成果


【參考文獻】：
期刊論文
[1]基于虛擬DOM的Web前端性能優(yōu)化研究[J]. 戴志誠,程勁草.  計算機應用與軟件. 2017(12)
[2]基于NodeJS+Express框架的輕應用定制平臺的設計與實現(xiàn)[J]. 王伶俐,張傳國.  計算機科學. 2017(S2)
[3]基于Vue.js的后臺單頁應用管理系統(tǒng)的研究與實現(xiàn)[J]. 曠志光,紀婷婷,吳小麗.  現(xiàn)代計算機(專業(yè)版). 2017(30)
[4]基于SEO的網(wǎng)站優(yōu)化技術(shù)研究[J]. 李德華.  電腦知識與技術(shù). 2017(26)
[5]輕量級響應式框架Vue.js應用分析[J]. 麥冬,陳濤,梁宗灣.  信息與電腦(理論版). 2017(07)
[6]Java反射機制在數(shù)據(jù)持久層輕量級ORM框架中的應用研究[J]. 丁春玲,路志強,彭偉.  西安文理學院學報(自然科學版). 2017(01)
[7]基于MVC設計模式的前端設計[J]. 嚴偉,郭丹.  網(wǎng)絡安全技術(shù)與應用. 2016(09)
[8]NodeJS的異步非阻塞I/O研究[J]. 許會元,何利力.  工業(yè)控制計算機. 2015(03)
[9]Node.js:一種新的Web應用構(gòu)建技術(shù)[J]. 王金龍,宋斌,丁銳.  現(xiàn)代電子技術(shù). 2015(06)
[10]Node.JS平臺下Web前端架構(gòu)的研究[J]. 鐘強.  無線互聯(lián)科技. 2013(12)

碩士論文
[1]基于Node.js高并發(fā)web系統(tǒng)的研究與應用[D]. 陳瑤.電子科技大學 2014
[2]Spring框架技術(shù)分析及應用研究[D]. 翟劍錕.中國科學院大學(工程管理與信息技術(shù)學院) 2013
[3]基于MongoDB的SNS平臺設計與實現(xiàn)[D]. 李陳軍.南京理工大學 2013
[4]基于Node.JS博客系統(tǒng)的設計與實現(xiàn)[D]. 彭娜.大連理工大學 2013
[5]基于Ajax/REST風格的Web Service的設計與實現(xiàn)[D]. 于洋.北京交通大學 2010
[6]基于REST架構(gòu)Web應用的研究與實現(xiàn)[D]. 李浩.武漢理工大學 2009
[7]基于REST風格構(gòu)建Web服務的研究與應用[D]. 孫楊.電子科技大學 2009



本文編號：3616216