基于MVVM的Web前端响应式框架的研究与集成

发布时间：2017-09-28 05:46

  本文关键词：基于MVVM的Web前端响应式框架的研究与集成

  更多相关文章： MVVM 前端框架 框架集成

【摘要】：相较于Web1.0时代网页由单纯的文字和图片构成,Web2.0时代网页的布局有了更大的改变。以富媒体元素为主的网页形式更加生动,与此同时,Web前端技术也在应用开发过程中得到更广泛的使用。至此,新的交互形式不仅增强了用户体验,也迎合了大众发展的潮流。众所周知,互联网前端开发技术的特点是具有高可重用性、与后台技术独立,通过研究表明采用开发框架实现前端代码的重用性是当前较为广泛且可行的技术手段。本文运用Html5、CSS3、Java Script、Ajax等前端技术,采取理论和实践相结合的研究思路,实现了基于MVVM模式的前端框架。其具体研究过程及方法可归纳为以下几点：首先,广泛阅读相关文献,研究MVC、MVP、MVVM等不同的模式在前端框架方面的需求,由于应用系统愈发复杂,对各模块的复用已经无法满足开发需求,因而就形成了针对特定领域的框架开发。其次,设计一个基于MVVM模式高效的Web前端开发框架,可以使前端模块化变高、复用性变的更好,从而使模块内层次、功能更加分明,设计运行更加合理。最后,该框架将各种技术元素的研究与开发整合起来,随后将多个独立的框架以最优方式组合成连贯的系统。在Web2.0时代,Web开发人员更注重用户体验度的提升,而当今最为主流的手段是通过Ajax来达到这一目的。Ajax可以通过改造其视图层结构,实现动态页面的相关操作,以最大化的满足用户体验。然后专门给出前端框架集成的方法以及实例。
【关键词】：MVVM 前端框架 框架集成
【学位授予单位】：云南大学
【学位级别】：硕士
【学位授予年份】：2016
【分类号】：TP393.09
【目录】：

• 中文摘要3-4
• Abstract4-10
• 第一章 绪论10-15
• 1.1 研究背景及意义10-11
• 1.2 国内外研究现状11-13
• 1.2.1 国外前端开发现状11-12
• 1.2.2 国内前端开发现状12-13
• 1.3 本文研究内容13-14
• 1.4 论文组织结构14-15
• 第二章 背景知识介绍15-23
• 2.1 前端基本技术15-16
• 2.1.1 HTML515
• 2.1.2 CSS315
• 2.1.3 JavaScript15-16
• 2.2 Web新技术16-17
• 2.2.1 Ajax16
• 2.2.2 前端优化技术16-17
• 2.3 响应式Web设计17-19
• 2.4 模块化设计思想19
• 2.5 MVVM模式19-22
• 2.6 模式与框架的关系22-23
• 第三章 前端开发框架分析23-28
• 3.1 功能性需求23-26
• 3.1.1 框架功能模块24-25
• 3.1.1.1 控制模块24-25
• 3.1.1.2 通用模块25
• 3.1.2 开发组件功能模块25-26
• 3.1.2.1 布局模版25
• 3.1.2.2 前端样式库25
• 3.1.2.3 JavaScript组件25-26
• 3.2 非功能性需求26-28
• 3.2.1 User Experience26
• 3.2.2 开发规范26-28
• 第四章 前端开发框架设计28-53
• 4.1 前端框架的总体规划28-29
• 4.1.1 框架边界28-29
• 4.2 架构设计29-50
• 4.2.1 View层30-34
• 4.2.1.1 Template技术31
• 4.2.1.2 UI控件31-33
• 4.2.1.3 虚拟DOM技术33-34
• 4.2.2 Model层34-37
• 4.2.2.1 Getter和Setter35-36
• 4.2.2.2 Context上下文管理器36
• 4.2.2.3 Model数据模型36
• 4.2.2.4 Requester请求管理器36-37
• 4.2.3 ViewModel层37-45
• 4.2.3.1 组件化38-41
• 4.2.3.2 路由41-45
• 4.2.4 MVVM的依赖关系45-50
• 4.2.4.1 数据绑定45-48
• 4.2.4.2 命令48-49
• 4.2.4.3 数据验证和错误报告49-50
• 4.3 前端框架类图50-51
• 4.4 基于MVVM的前端结构51-53
• 第五章 开发框架集成53-64
• 5.1 软件复用技术53
• 5.2 软件复用与框架53-54
• 5.3 Web应用开发集成框架54-56
• 5.4 前端框架集成56-64
• 5.4.1 界面设计的原则57-58
• 5.4.1.1 界面设计一般交互原则57
• 5.4.1.2 界面设计信息显示原则57-58
• 5.4.1.3 界面设计数据的输入原则58
• 5.4.2 前端框架集成方案58-62
• 5.4.2.1 创建JS Bundling58-60
• 5.4.2.2 创建CSS Bundling60-62
• 5.4.3 前端框架集成实例62-64
• 第六章 总结与展望64-66
• 6.1 论文总结64-65
• 6.2 展望65-66
• 参考文献66-69
• 致谢69

，

本文编号：934136