發(fā)布時間：2022-02-09 02:35

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

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

【文章頁數】：80 頁

【學位級別】：碩士

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


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

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



本文編號：3616216