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

【文章來(lái)源】：電子科技大學(xué)四川省211工程院校985工程院校教育部直屬院校

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

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

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


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

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



本文編號(hào)：3616216