②web性能要差于原生应用，体验没有原生应用流畅。

③受限于浏览器，无法实现一些特殊功能。

2。3 问卷调查系统的B/S实现

基于web的问卷调查系统的架构如图2-1所示。手机，平板，pc设备连接互联网后，通过在浏览器中访问该系统的网站。在进行注册登录之后，通过ajax请求可以向后端获取所有的问卷，也能够创建新的问卷，并且能够对原来的问卷进行修改操作。Ajax请求均以json数据格式传输。后端在接收到前端的请求后，会跳转到相应的处理单元，访问MongoDB数据库，对数据库进行增删查改的操作，最终服务器端会将数据封装成json格式返回给前台网页。网页再解析后端返回的数据，进行相对应的操作，在页面上渲染，展示给用户。

图2-1 问卷调查系统总体B/S结构图

2。4 RESTful架构风格

越来越多的人开始意识到，网站即软件，而且是一种新兴新型的软件。

网站开发，完全可以采用软件开发的模式。但是传统意义上上，软件和网络一直是两个不同的领域，很少有交集；软件开发在过去主要针对的是单机环境，而网络则主要是研究系统之间的通信。互联网的兴起，使得这两个领域开始互相融合，现在的开发者必须考虑，如何开发在互联网环境中使用的软件。

RESTful架构，就是目前最流行的一种互联网软件架构。它结构清晰、符合标准、易于理解、扩展方便，因此正得到越来越多网站的采用。

RESTful架构总结为3点：

（1）每一个URI代表一种资源；

（2）客户端和服务器之间，传递这种资源的某种表现层；

（3）客户端通过四个HTTP动词，对服务器端资源进行操作，实现“表现层

状态转化”。

在REST的理论和相关框架技术基础之上，很多国外学者和一些大型互联网公司都开始研究如何将REST应用到实际的Web系统中。这类系统通过使用ajax技术和后端RESTful WS的交互，并使用JSON作为信息流的载体[[[7]秦奋。 移动环境下RESTful WebService的研究与设计[D]。 北京工业大学硕士论文。 2015:6。]]。论文网

2。5 SPA式的前后端分离

单页Web应用(single-page application简称为SPA)是一种特殊的Web应用。它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript和CSS。一旦页面加载完成了，SPA不会因为用户的操作而进行页面的重新加载或跳转，而是通过js来动态的改变html的内容，从而实现数据和ui的交互。由于避免了页面的重新加载，SPA可以提供较为流畅的用户体验。

优点：

（1）良好的交互体验：用户不需要重新刷新页面，获取数据也是通过Ajax异步获取，页面显示流畅。

（2）良好的前后端分离模式：单页Web应用可以和RESTful规约一起使用，通过REST API提供接口数据，并使用Ajax异步获取，这样有助于分离客户端和服务器端工作。更进一步，可以在客户端也可以分解为静态页面和页面交互两个部分。

（3）减轻服务器压力：服务器只用出数据就可以，不用管展示逻辑和页面合成，吞吐能力会提高几倍。

（4）共用一套后端程序代码：服务器只用出数据就可以，不用管展示逻辑和页面合成，吞吐能力会提高几倍。

2。6 使用webpack进行模块化开发

webpack是一款模块加载器兼打包工具，它能把许多种资源，比如js、css样式（包括less/sass）、图片等都作为模块来打包处理和使用。

开发人员可以直接使用require(XXX)的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sass），但开发人员无须在上面花费太多心思，因为 webpack 有着各种健全的加载器（loader）在默默处理这些事情。