基于Node.js和REST风格的移动端页面可视化构建平台

发布时间：2022-02-09 02:35

　　现如今,互联网技术逐步深入到人们生活中的各个方面,与人们生活息息相关的网购行为也在网络巨头的推动下呈现出愈发强劲的趋势,其中移动端购物在网购行为中已经成为主要部分而且它的占比仍然保持着快速增长,如何快速应对急剧增加的移动端购物需求所带来的巨大的移动端开发需求已经成为一项很有研究价值的课题。通过对移动端与PC端页面的相比,可以发现由于移动端设备屏幕的限制,其页面在设计和布局上有着独特但比较统一的风格。总体上,移动端页面在布局方面是可以在垂直方向上进行模块化分割的。结合移动端页面的这种特性,本文设计一种基于自定义组织结构的Vue组件进行可视化操作并动态生成移动端页面的思路,来提高页面构建的效率和可复用性等。本文搭建一个基于Node.js和REST风格移动端页面可视化构建平台,开发者需要开发出符合一定规范的Vue业务组件文件,然后利用该平台对组件进行一系列处理,之后渲染并打包产生浏览器可以直接加载渲染的静态文件,这一系列流程为可视化操作提供了前提。利用渲染后的静态文件,该平台可以为用户提供可视化操作的能力,用户可以在模拟的移动端屏幕上对组件进行组合并形成各种预览页面。平台根据用户的可视化操作... 

【文章来源】：电子科技大学四川省211工程院校985工程院校教育部直属院校

【文章页数】：80 页

【学位级别】：硕士

【文章目录】：
摘要
abstract
第一章 绪论
    1.1 研究工作的背景及意义
    1.2 国内外研究现状
    1.3 论文的主要研究内容
    1.4 论文的组织结构
第二章 相关技术研究
    2.1 Web开发技术
    2.2 Node.js平台
    2.3 Express应用开发框架
    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 性能优化设计
        3.5.1 代码丑化压缩
        3.5.2 文件gzip压缩
        3.5.3 缓存
            3.5.3.1 浏览器缓存
            3.5.3.2 服务器端LRU缓存
        3.5.4 子进程分发优化
        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 子进程分发
        4.2.2 渲染模块
        4.2.3 组件上传
        4.2.4 页面构建模块
        4.2.5 自定义块实现动态安装依赖包
    4.3 本章小结
第五章 系统展示
    5.1 系统功能性展示
        5.1.1 组件上传
        5.1.2 组件渲染
        5.1.3 可视化操作
        5.1.4 自动化构建
    5.2 RESTful请求展示
    5.3 系统优化展示
        5.3.1 代码丑化压缩
        5.3.2 文件gzip压缩
        5.3.3 代码分割与缓存
        5.3.4 压缩优化的效果
    5.4 本章小结
第六章 全文总结与展望
    6.1 论文总结
    6.2 未来展望
致谢
参考文献
攻硕期间取得的研究成果


【参考文献】：
期刊论文
[1]基于虚拟DOM的Web前端性能优化研究[J]. 戴志诚,程劲草.  计算机应用与软件. 2017(12)
[2]基于NodeJS+Express框架的轻应用定制平台的设计与实现[J]. 王伶俐,张传国.  计算机科学. 2017(S2)
[3]基于Vue.js的后台单页应用管理系统的研究与实现[J]. 旷志光,纪婷婷,吴小丽.  现代计算机(专业版). 2017(30)
[4]基于SEO的网站优化技术研究[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]. 许会元,何利力.  工业控制计算机. 2015(03)
[9]Node.js:一种新的Web应用构建技术[J]. 王金龙,宋斌,丁锐.  现代电子技术. 2015(06)
[10]Node.JS平台下Web前端架构的研究[J]. 钟强.  无线互联科技. 2013(12)

硕士论文
[1]基于Node.js高并发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