研究背景： 随着前端技术的飞速发展和web应用的复杂化，web应用正在往兼容多端、高性能的方向发展，为了快速迭代产品以满足用户日益变化的需求，提高用户体验及提升企业竞争力，web应用开发技术要求更加高效率地开发，并兼顾性能要求，方便快速迭代及后期维护简单[1]。

传统的B /S ( Browser /Server，浏览器/服务器)模式下的web开发中存在前端代码无法复用、性能在移动互联网中很难达到最优、大量多页面应用和单页web应用( SPA，single page web application)不能满足需求等问题，而且，在这种开发模式下，网页路由需要后端配合，前后端工作无法独立，再次迭代和维护效率较低，无法满足企业级应用的迭代速度[2]。

本文针对前后端分离的开发模式，提出一种解决多终端性能、组件化开发和打包部署的完整的开发模型[3]，以求进一步提高开发效率，通过实际系统的开发实践，证明了该开发模型的有效性 [4]。

Springmvc设计的基础理论： 随着模块化和组件化理念出现，前端开发技术开始更加关注性能优化、用户体验的提升以及开发速度的快速迭代。

MVC(Model View Controller)是一种软件设计的框架模式，它采用模型(Model)-视图(View)-控制器(controller)的方法把业务逻辑、数据与界面显示分离。

把众多的业务逻辑聚集到一个部件里面，当然这种比较官方的解释是不能让我们足够清晰的理解什么是MVC的[5]。

用通俗的话来讲，MVC的理念就是把数据处理、数据展示(界面)和程序/用户的交互三者分离开的一种编程模式。

Springmvc设计的国内外发展现状： 随着模块化和组件化理念出现，前端开发技术开始更加关注性能优化、用户体验的提升以及开发速度的快速迭代。

如Google公司的开源框架AngularJs，AngularJs首创的双向数据绑定、内置的模块注入和组件化的支持，为web的发展提供了较大贡献; FaceBook开发的开源框架ReactJs是第一个采用虚拟节点( virtual dom )技术的框架，使得框架足够轻量和灵活，推进了web性能的提升;VueJs以其轻量级、高性能、灵活性的特点，使其不仅适用于大型复杂的web 应用，而且适合移动场景，为web技术的发展和性能提升做了进一步的贡献[6]。

模块构建工具WebPack的出现给前端性能优化带来更多便利[7]。