2。1 基于B/S的体系结构 3

2。2 B/S体系结构的特点 3

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

2。4 RESTful架构风格 4

2。5 SPA式的前后端分离 4

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

2。7 开发运行环境 6

2。7。1 Atom 6

2。7。2 GIT 6

2。7。3 NPM 7

2。7。4 MongoDB 7

2。7。5 Node。js 8

2。8 本章小结 9

第三章  问卷调查系统的设计 10

3。1 问卷调查系统简介 10

3。2 功能模块设计 10

3。2。1 用户注册和登录模块设计 10

3。2。2 问卷浏览模块设计 11

3。2。3 问卷创建和编辑模块设计 12

3。2。4 问卷发布和删除模块设计 13

3。2。5 问卷的填写和统计模块设计 14

3。3 数据库设计 15

3。3。1 系统数据要求 15

3。3。2 系统数据设计 15

3。4 本章小结 17

第四章  问卷调查系统的实现 18

4。1 系统前后端分离的实现 18

4。1。1 系统前端 18

4。1。2 系统后端 21

4。2 注册登录模块的实现 22

4。3 问卷浏览功能模块的实现 23

4。4 问卷创建编辑模块的实现 24

4。5 问卷发布删除模块的实现 26

4。6 问卷填写统计模块的实现 27

4。7 本章小结 29

第五章 问卷调查系统的测试 30

5。1 Chrome Dev Tools 30

5。2 React Developer Tools 31

5。3 本章小结 31

结论 32

致谢 33

参考文献 34

第一章  绪论

1。1 系统设计的背景和意义

传统的问卷调查需要花费大量的人力物力，打印出的问卷也不够多样化，无法满足需求，每次都需要重新制作打印，而且之后需要人为的去统计问卷调查的结果，不够直观。

如今已经是web2。0[[[1]赵大伟,陈刚。 Web前端开发技术人才培养模式研究[J]。 电脑知识与技术。 2015,

(24):109-110。]]时代，各行各业都在享受互联网多带来的便利。当问卷调查结合互联网，可以使得问卷调查的受众更广，收集的问卷数量更多，使统计结果更加具有普遍性。

目前的一些B/S架构的问卷调查系统，还是以pc端为主，没有充分发挥了互联网和移动平台的优势，现在已经是移动互联网的时代，移动端web app[[[2]黄悦深。 基于HTML5的移动Web App开发[J]。 图书馆杂志。 2014,(07):72-77。]]相比于native app来说，开发成本更小，不需要分别开发ios和android，但是目前的移动端web很多还是像pc端web那样开发，没有做成SPA单页应用程序[[[3]SPA [EB/OL]。 http://baike。baidu。com/subview/13709/17611492。htm。 2015,11]]，SPA单页应用程序更加贴近于原生native app的使用方式，使用更加人性化。