在首次登陆时需要加载大量的资源。
(4) 前景
单页面应用有其巨大的优势,并且随着前端框架的丰富和优化,有些单页面的性能和native相差无几,在未来的软件中会出现越来越多的单页面应用。
(5) 特点
传统的网页应用,通过刷新,跳转,提交等方式来提供服务。所有的业务,路由跳转都由服务器处理,然后交由浏览器展示,也就是MVC全部交由服务器,浏览器只是通过网络进行显示,如图2。1所示:
图2。1 传统的网页
显而意见的是,这种模式需要页面频繁刷新,并不断加载,导致对服务器的压力巨大,同时,在这个系统中前端的比重较小,所有的中心都偏向于后端,这对于一个开发团队来说是不和谐的。
而单页面应用有效的避免了这个缺点。文献综述
它将路由放在浏览器端[2],由路由器监控浏览器hash值得变化,分配到对应的路由,调用不同的模块,以此展示不同的视图。
通过定义不同的前端组件,通过Ajax请求,实现前后端数据传输,在路由变化时,不需要重新加载页面,而只需要调用这些组件,修改DOM元素或者加载js。
单页面应用前端有自定义的数据层,浏览器通过用户的行为改变对应的数据结构或执行某些提交操作,而服务器端作为一个处理数据的API,为浏览器端的模块调用。
图2。2 单页面应用
2、Backbone。js
Backbone是一套为复杂的Web应用提供模型,集合,视图的结构化js。
Backbone提供了单页面应用所需的数据层。
模型(Models)用于绑定用户操作需要的数据和自定义事件[3]。
集合(Collection)用来批量操作模型事件,并且附带有大量的集合操作函数API[3]。
视图(View)可以声明事件的回调函数[3]。并且可以通过RESTful 风格的接口连接到程序。
路由(Router)为应用程序提供链接,并且它提供了回调函数用来进行url更换和不同模块的加载。这也构成了单页面应用的基础。
优点:Backbone体积很小,轻量级框架,操作灵活,可以使用jquery操作DOM元素。也就是说,Backbone只是提供了一个前端MVC的框架,更多的操作需要自己实现,非常方便自己去实现自定义的模块。提供自定义的模板,开发者可以自由引入想要的模板引擎。支持RESTful风格的API,方便与后台的交互和实现。
缺点:Backbone过于简单,项目中所需得很多东西都需要自己手动实现。对SEO的支持不好。Backbone的实例很少,网上的参考不多。使用Backbone本身并不会减少代码量。视图本身依赖jquery。入门较为困难,需要一定的WEB基础。
发展前景:Backbone作为前端MVC框架的鼻祖,在Angular和React之前,现在有越来越多的框架采用了这种思想,其本身是一脉相传的。随着浏览器和网络的发展,现在越来越多的交互交给前端,像这种包含数据,模型,控制器的前端框架必然会占据越来越重要的位置。
3、Spring MVC框架简介
MVC(Model View Controller),是一种软件的设计模式,M代表模型,V代表视图,C是控制器的简称,它的主要设计思想是把一个业务的流程分成三个部分[4]。一、该业务流程中用到的数据,并将其进行封装。并将封装完成的数据经过指定的操作,将其达到用户需要的状态 ,所以它是项目流程的核心地位。二、控制器,控制器将经过操作的数据持久化或交给指定的视图。在逻辑上将模型和视图关联起来,因此它处于控制和分发的核心地位。三、视图,经过业务逻辑的处理,前端通过某种指定的方式将其展现给用户。也就是说,不止是jsp,任何种类给与用户展示信息的方式都可以称之为视图。它用业务逻辑、数据、界面显示三者分离的方法组织代码。来`自+优-尔^论:文,网www.youerw.com +QQ752018766- jsp+mysql年终教师考核系统设计与实现(5):http://www.youerw.com/jisuanji/lunwen_89955.html