Based on Web摘 要Based on Web摘 要传统的问卷调查一般由调查者设计一份问卷，将问卷打印后分发给被调查者，再组织人员收回调查问卷并利用人工统计问卷调查的结果，这种方式花费大量的人力、物力，且打印出的问卷也不够多样化，无法满足应用的需求。为此，利用快速发展的web技术设计一个问卷调查系统是必要的。根据上述需求，本文设计并实现了一个基于web的问卷调查系统。该问卷调查系统主要实现了问卷的创建、编辑、发布、填写、统计等功能。用户在成功注册登录该系统之后，可以进行问卷的创建和编辑，制作一份调查问卷；然后，用户可以发布调查问卷，被调查者可以在线进行问卷的填写并提交问卷；问卷被提交到系统后，系统会对填写的结果自动进行统计；最后，系统在前端页面将统计的数据以图表的形式展现给用户。系统主要采用了前后端分离的开发模式。前端将react和redux相结合，并使用webpack进行了模块化开发。后端程序使用Node.js构建并采用了非关系型数据库MongoDB。整个系统遵循移动优先和响应式Web设计的理念，给移动端用户良好的视觉和操作体验。经测试，利用该问卷调查系统，调查者可方便的制作一份调查问卷，被调查者能够很方便地在移动端设备上进行问卷调查，系统满足应用需求。关键词问卷调查系统；MongoDB文档型数据库；数据可视化；前后端分离。
目录
第一章 绪论 1
1.1 系统设计的背景和意义 1
1.2 研究内容 1
1.3 论文组织结构 2
1.4 本章小结 2
第二章 系统主要架构及开发模式 3
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 本章
 *景先生毕设|www.jxszl.com +Q: ￥351916072￥ 
小结 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[]时代，各行各业都在享受互联网多带来的便利。当问卷调查结合互联网，可以使得问卷调查的受众更广，收集的问卷数量更多，使统计结果更加具有普遍性。
目前的一些B/S架构的问卷调查系统，还是以pc端为主，没有充分发挥了互联网和移动平台的优势，现在已经是移动互联网的时代，移动端web app[]相比于native app来说，开发成本更小，不需要分别开发ios和android，但是目前的移动端web很多还是像pc端web那样开发，没有做成SPA单页应用程序[]，SPA单页应用程序更加贴近于原生native app的使用方式，使用更加人性化。
在问卷调查结果统计方面，目前的系统也不够直观多样，如今web前端有许多数据可视化js库，比如echarts，在制作图表方面十分出色，但是很多系统还都没有去使用这些图形化js库。目前，国内外都已经开始有了商业化的问卷调查网站，比如国外的surveymonkey和国内的问卷星、问卷网等等都能够提供类似的服务和功能。
1.2 研究内容
该B/S架构的web问卷调查系统，包括问卷制作、问卷管理统计、问卷填写三部分主要功能。该系统应该做到前后端完全分离，全站ajax化，前端为spa单页应用程序结构，后端遵循restful api设计规范。以移动优先为第一考虑要素，充分利用手机平板的便携性优势。
该系统采用响应式web设计。移动优先[]是响应式web设计的基础，而后者又是实现理念的核心技术。基于Web的在线问卷调查系统可以整合原本分散的系统，这样可以极大地优化系统的工作进程，可以充分发挥网络的传输信息的功能[]。
该问卷调查系统可以让任何人在任何地点参与问卷的制作、发布、收集。该系统缩减了制作问卷的成本，也使问卷更加的人性化美观，让用户乐于填写问卷，同时在统计方面可以更加的丰富，能够以各种图形化方式展现，十分的直观。最终完成的系统应该有以下功能。
用户的注册登录
问卷的浏览
问卷的创建和编辑
问卷的发布和删除
问卷的填写和统计
1.3 论文组织结构
全文共分为五章，每章的内容如下：
第一章为绪论，主要包括了选题的背景、研究意义、研究内容和研究方法；

原文链接：http://www.jxszl.com/jsj/jsjkxyjs/77676.html