基于微服务化前端架构的研究与实现
发布时间：2022-07-27 20:10
随着互联网在休闲娱乐,社交平台、以及电子商务等各个领域的不断深度渗透,各类互联网应用不断发展和迭代。应用的复杂多变,使得不同系统之间数据和模块的迁移成本越来越高。前端元素不再是以前的单一形式,变的越来越丰富,市场上各类应用和平台对于用户的体验有越来越高的要求。对于与用户直接频繁交流的前端来说,如何更加高效的进行资源管理和响应也成为迫切需要优化的方面。针对以上问题,已存在一些相关架构和框架的研究。但是这些研究仍存在一些问题和局限性,比如前后端未能彻底分离,Node服务耦合太多业务逻辑,数据全部由浏览器渲染性能存在局限性,不能更好的实现多系统的组件复用,忽略了前端运维层的重要性等等这些问题。当前迫切需要一种有效的前端架构来优化和解决上述问题。本文充分调研了微服务,前端架构以及组件化的现状,分析和总结了在设计方案等层面存在的不足之处。引入微服务化设计思路,提出了一个微服务化的三层前端架构。该架构分为Node中间层、web应用层以及前端运维层。Node中间层作为后台服务器和前端的中间层,其主要功能是数据代理、服务端渲染和路由分发;web应用开发层主要使用MDV模式建立一个“树状”组件化模型,该...
【文章页数】：74 页
【学位级别】：硕士
【文章目录】：
摘要
Abstract
第一章 绪论
1.1 研究背景及意义
1.2 国内外研究现状及分析
1.2.1 前端架构研究现状
1.2.2 微服务化研究现状
1.2.3 组件化研究现状
1.2.4 问题的提出
1.3 本文研究内容
1.4 本文结构
第二章 关键技术研究
2.1 微服务
2.1.1 微服务概述
2.1.2 微服务优势
2.2 架构设计规范
2.2.1 SSR
2.2.2 MDV技术概论
2.3 通信接口
2.3.1 HTTP
2.3.2 REST
2.4 前端基础技术研究
2.5 组件化开发综述
2.6 前端性能优化影响因素
2.7 本章小结
第三章 微服务化前端架构的分析与设计
3.1 架构需求概述
3.2 技术方案分析对比
3.3 前端架构设计
3.3.1 总体设计
3.3.2 Node中间层设计
3.3.3 web应用层设计
3.3.4 运维层设计
3.4 本章小结
第四章 微服务化前端架构的实现
4.1 技术架构
4.2 Node中间层的实现
4.2.1 数据代理的实现
4.2.2 数据mock的实现
4.2.3 url路由的实现
4.2.4 服务端模板渲染的实现
4.3 web应用层的实现
4.3.1 组件化模型的实现
4.3.2 MDV建模
4.4 前端运维层的实现
4.4.1 构建和部署
4.4.2 测试
4.5 本章小结
第五章 前端开发规范及组件的实现
5.1 前端开发规范
5.2 前端样式库
5.3 JavaScript组件
5.4 本章小结
第六章 移动端hybrid app应用实例
6.1 应用实例需求描述
6.2 RESTful API设计
6.3 组件建模
6.4 基于架构的系统部署示例
6.5 基于架构的性能监控示例
6.6 效果实现及测试分析
6.7 本章小结
第七章 总结与展望
7.1 论文总结
7.2 论文展望
参考文献
致谢
攻读硕士学位期间主要的研究成果
【参考文献】：
期刊论文
[1]基于Web components标准的前端工程组件化的改进研究[J]. 黄江宁. 电子技术与软件工程. 2016(22)
[2]Web前端性能优化方案与实践[J]. 王成,李少元,郑黎晓,缑锦,曾梅琴,刘慧敏. 计算机应用与软件. 2014(12)
[3]浅析白盒测试和黑盒测试[J]. 张玮. 无线互联科技. 2013(06)
[4]利用Nginx实现网站负载均衡[J]. 刘振宇. 中国管理信息化. 2012(16)
[5]数据可视化技术应用趋势与分类研究[J]. 张浩,郭灿. 软件导刊. 2012(05)
[6]Ajax技术在Web2.0网站设计中的应用研究[J]. 熊文,熊淑华,孙旭,张朝阳. 计算机技术与发展. 2012(03)
[7]使用高性能Web服务器Nginx实现开源负载均衡[J]. 林丽丽. 大众科技. 2010(07)
[8]服务器负载均衡技术研究[J]. 周莹莲,刘甫. 计算机与数字工程. 2010(04)
[9]基于MVC模式的WEB应用框架[J]. 陈玮,沈雷. 微计算机信息. 2009(15)
[10]AJAX跨域访问的研究与应用[J]. 陈腊梅,李为,程振林,张晓力. 计算机工程与设计. 2008(22)
博士论文
[1]移动Web浏览系统的若干关键技术研究[D]. 张开敏.中国科学技术大学 2012
[2]并行计算普适编程模型及系统架构研究[D]. 金晶.北京邮电大学 2012
[3]基于REST的Web服务架构理论与技术研究[D]. 冯新扬.解放军信息工程大学 2009
硕士论文
[1]基于微服务架构的平台化服务框架的设计与实现[D]. 谭一鸣.北京交通大学 2017
[2]基于Node.js的Web前端框架的研究与实现[D]. 温馨.东南大学 2017
[3]基于HTML5的移动电商系统前端的设计与实现[D]. 段跃润.南京大学 2017
[4]前端组件化开发平台Alloy Store中数据对接模块的设计与实现[D]. 杨宇杰.南京大学 2017
[5]MVVM前后端数据交互中安全机制的研究与实现[D]. 程桂花.浙江理工大学 2017
[6]Web前端工程组件化的分析与改进[D]. 戴翔宇.吉林大学 2016
[7]基于MVVM的Web前端响应式框架的研究与集成[D]. 贾丛丛.云南大学 2016
[8]Web前端实时异常监控与报警平台的设计与实现[D]. 徐江伟.华中科技大学 2016
[9]基于Node.js的高并发在线商城系统的设计与实现[D]. 吴博.北京邮电大学 2016
[10]一种开发和执行均衡高效的Web前端框架的研究与实现[D]. 陈幼凌.北京邮电大学 2015
本文编号：3666098
【文章页数】：74 页
【学位级别】：硕士
【文章目录】：
摘要
Abstract
第一章 绪论
1.1 研究背景及意义
1.2 国内外研究现状及分析
1.2.1 前端架构研究现状
1.2.2 微服务化研究现状
1.2.3 组件化研究现状
1.2.4 问题的提出
1.3 本文研究内容
1.4 本文结构
第二章 关键技术研究
2.1 微服务
2.1.1 微服务概述
2.1.2 微服务优势
2.2 架构设计规范
2.2.1 SSR
2.2.2 MDV技术概论
2.3 通信接口
2.3.1 HTTP
2.3.2 REST
2.4 前端基础技术研究
2.5 组件化开发综述
2.6 前端性能优化影响因素
2.7 本章小结
第三章 微服务化前端架构的分析与设计
3.1 架构需求概述
3.2 技术方案分析对比
3.3 前端架构设计
3.3.1 总体设计
3.3.2 Node中间层设计
3.3.3 web应用层设计
3.3.4 运维层设计
3.4 本章小结
第四章 微服务化前端架构的实现
4.1 技术架构
4.2 Node中间层的实现
4.2.1 数据代理的实现
4.2.2 数据mock的实现
4.2.3 url路由的实现
4.2.4 服务端模板渲染的实现
4.3 web应用层的实现
4.3.1 组件化模型的实现
4.3.2 MDV建模
4.4 前端运维层的实现
4.4.1 构建和部署
4.4.2 测试
4.5 本章小结
第五章 前端开发规范及组件的实现
5.1 前端开发规范
5.2 前端样式库
5.3 JavaScript组件
5.4 本章小结
第六章 移动端hybrid app应用实例
6.1 应用实例需求描述
6.2 RESTful API设计
6.3 组件建模
6.4 基于架构的系统部署示例
6.5 基于架构的性能监控示例
6.6 效果实现及测试分析
6.7 本章小结
第七章 总结与展望
7.1 论文总结
7.2 论文展望
参考文献
致谢
攻读硕士学位期间主要的研究成果
【参考文献】：
期刊论文
[1]基于Web components标准的前端工程组件化的改进研究[J]. 黄江宁. 电子技术与软件工程. 2016(22)
[2]Web前端性能优化方案与实践[J]. 王成,李少元,郑黎晓,缑锦,曾梅琴,刘慧敏. 计算机应用与软件. 2014(12)
[3]浅析白盒测试和黑盒测试[J]. 张玮. 无线互联科技. 2013(06)
[4]利用Nginx实现网站负载均衡[J]. 刘振宇. 中国管理信息化. 2012(16)
[5]数据可视化技术应用趋势与分类研究[J]. 张浩,郭灿. 软件导刊. 2012(05)
[6]Ajax技术在Web2.0网站设计中的应用研究[J]. 熊文,熊淑华,孙旭,张朝阳. 计算机技术与发展. 2012(03)
[7]使用高性能Web服务器Nginx实现开源负载均衡[J]. 林丽丽. 大众科技. 2010(07)
[8]服务器负载均衡技术研究[J]. 周莹莲,刘甫. 计算机与数字工程. 2010(04)
[9]基于MVC模式的WEB应用框架[J]. 陈玮,沈雷. 微计算机信息. 2009(15)
[10]AJAX跨域访问的研究与应用[J]. 陈腊梅,李为,程振林,张晓力. 计算机工程与设计. 2008(22)
博士论文
[1]移动Web浏览系统的若干关键技术研究[D]. 张开敏.中国科学技术大学 2012
[2]并行计算普适编程模型及系统架构研究[D]. 金晶.北京邮电大学 2012
[3]基于REST的Web服务架构理论与技术研究[D]. 冯新扬.解放军信息工程大学 2009
硕士论文
[1]基于微服务架构的平台化服务框架的设计与实现[D]. 谭一鸣.北京交通大学 2017
[2]基于Node.js的Web前端框架的研究与实现[D]. 温馨.东南大学 2017
[3]基于HTML5的移动电商系统前端的设计与实现[D]. 段跃润.南京大学 2017
[4]前端组件化开发平台Alloy Store中数据对接模块的设计与实现[D]. 杨宇杰.南京大学 2017
[5]MVVM前后端数据交互中安全机制的研究与实现[D]. 程桂花.浙江理工大学 2017
[6]Web前端工程组件化的分析与改进[D]. 戴翔宇.吉林大学 2016
[7]基于MVVM的Web前端响应式框架的研究与集成[D]. 贾丛丛.云南大学 2016
[8]Web前端实时异常监控与报警平台的设计与实现[D]. 徐江伟.华中科技大学 2016
[9]基于Node.js的高并发在线商城系统的设计与实现[D]. 吴博.北京邮电大学 2016
[10]一种开发和执行均衡高效的Web前端框架的研究与实现[D]. 陈幼凌.北京邮电大学 2015
本文编号：3666098
本文链接：https://www.wllwen.com/guanlilunwen/ydhl/3666098.html
