摘 要

目前虽然有大数据等前沿技术来分析用户需求，问卷调查法也仍是收集数据或者资料的主力，问卷调查法获取数据便捷、适用面广、分析研究成本较低，在很多领域都被广泛使用。随着个人电脑的逐步普及以及互联网的广泛应用，各种各样的基于网络的调查方式开始出现。从开始的网络邮件调查到现在的网页问卷调查，网络调查已经成为了当前最便捷最优秀的调查方式。

本次研究是设计一款基于web的通用在线问卷系统，本在线问卷调查系统是在研究问卷调查历史和web应用的发展的基础上开发的，使用了时下比较流行的vue.js作为前端框架，node.js开发后台，webpack对代码进行模块化处理。该系统包括制作发布问卷、填写问卷、查看结果数据等功能，开发过程中使用软件工程理论方法，完成了一个完整的软件生命周期。

该系统的应用，可以很好取代传统问卷调查，建成一个信息共享平台，实现了跨地域的信息资源共享，给需要发布调查的组织或个人提供及时准确的信息。

关键词 问卷系统 vue 在线问卷调查

Abstract

At present, although there are frontier technologies such as big data to analyze user demand, questionnaire survey is still the main force to collect data or data. It is convenient to obtain data, widely applicable, low cost of analysis and research, and widely used in many fields. With the gradual popularization of personal computers and the wide application of the Internet, a variety of web-based survey methods began to emerge. From the Internet mail survey to the current web questionnaire survey, the Internet survey has become the most convenient and excellent survey method.

This research is to design a general online questionnaire system based on the web. This online questionnaire system is developed on the basis of studying the history of questionnaire survey and the development of web applications. It uses the currently popular vue. The system includes the functions of making and issuing questionnaires, filling in questionnaires, and viewing the result data, etc. In the development process, the software engineering theory method is used to complete a complete software life cycle.

The application of this system can well replace the traditional questionnaire survey, build an information sharing platform, realize the cross-regional information resource sharing, and provide timely and accurate information to the organization or individual that needs to release the survey.

Keywords Questionnaire system Vue Online questionnaire survey

目录

第1章 绪论 1

1.1 课题背景 1

1.2 研究现状 1

1.3 研究内容 2

1.4 论文结构 2

第2章 需求分析 4

2.1 用户角色分析 4

2.2 系统用例分析 4

2.2.1 用例图 4

2.2.2 用例描述 4

2.3 外部接口分析 12

2.3.1 用户界面 12

2.3.2 软硬件接口 14

2.4 本章小结 14

第3章 系统设计 15

3.1 总体设计 15

3.2 模块设计 15

3.2.1 注册 15

3.2.2 登录 17

3.2.3 制作问卷 17

3.2.4 填写问卷 18

3.2.5 查看数据 19

3.2.6 用户管理 20

3.2.7 个人信息管理 21

3.2.8 问卷管理 22

3.4 数据库设计 23

3.4.1 E-R图 23

3.4.2 数据库表 24

3.4.3 数据库详细设计 25

3.5 本章小结 27

第4章 系统实现 28

4.1 个人问卷管理实现 28

4.1.1 前端 28

4.1.2 后台 30

4.2 新建问卷实现 32

4.2.1 前端 32

4.2.2 后台 38

4.3 回答问卷实现 38

4.3.1 前端 38

4.3.2 后台 41

4.4 本章小结 42

第5章 系统测试 43

5.1 测试方法和测试环境 43

5.1.1 测试方法 43

5.1.2 测试环境 43

5.2 功能测试 43

5.2.1 登录测试 43

5.2.2 新建问卷测试 44

5.2.3 填写问卷测试 45

5.2.4 路由测试 46

5.3 集成测试 47

5.4 本章小结 48

第6章 总结与展望 49

6.1 总结 49

6.2 展望 50

致谢 51

参考文献 52

第1章 绪论

1.1 课题背景

在竞争十分激烈的当下，抓住消费者的需求显得尤为重要，目前虽然有大数据等前沿技术来分析用户需求，传统的问卷调查法也仍是收集数据或者资料的主力，问卷调查法获取数据便捷、适用面广、分析研究成本较低，在很多领域都被广泛使用。传统的问卷调查是采用电话、纸质问卷等方式，这样会耗费大量的时间，投入大量的人力物力。随着互联网的广泛应用，各种各样的基于网络的调查方式开始出现。从开始的网络邮件调查到现在的网页问卷调查，网络调查已经成为了当前最便捷最优秀的调查方式。

目前应用最广的网络调查方式是在线问卷调查系统，在线问卷调查系统在调查范围、调查效率、整理资料等方面具有巨大的优势。通过互联网进行问卷调查，可以借鉴传统调查的理论、方式和方法，同时由于互联网自身的特性，网上调查也有一些不同于传统调查的地方：（1）无时空限制，这是在线调查所具有的独特优势。在线调查可以24小时全天候进行，面向的对象可以来着世界各地，完全不受时间地域的限制。（2）组织简单，费用低廉。在线问卷调查不需要排除调查人员，不需要印刷分发问卷，调查过程中最繁重的信息收集和录入工作分布到用户端完成，信息的处理由计算机完成。（3）可靠性和客观性。被调查者在自愿的情况下参与调查，一般对调查内容有一定的兴趣，调查的针对性更强，可靠性也较高。而传统的当面询问调查，实际上是带有一定的“强制性”的。也可以避免人为因素导致的调查结果误差，被调查者是在完全独立思考的环境中填写问卷，能最大限度的保证调查结果的客观性。

1.2 研究现状

近几年，在线问卷系统层出不穷，国内外开发者都认为在线问卷系统大有可为，具有传统调查方式不具有的有点，将会逐步取代传统调查方式。目前市面上的在线问卷系统还有很多是使用asp.net或jsp开发的，使用vue等新型框架开发的还屈指可数。

例如，于航的网上在线问卷调查系统 ^[1]，该系统便是基于asp.net开发实现，该系统实现了从制作发布问卷到填写问卷再到查看问卷结果数据的完整功能流程，同时还实现了IP限制和验证码防机器人的功能，此外还具有无需多次编译,代码量小,代码可重用,无需注册组件,功能完善等优点，但其也具有安全性差，界面不够人性化，系统不够稳定这样的缺点。

而蒋艳华,王诗童的基于移动平台的课程目标达成度问卷调查系统 ^[4]，则使用了jsp技术开发系统，完成了从制作发布问卷到填写问卷再到查看问卷结果数据的完整功能流程，同时还实现了一个题库，此外还具有多平台支持，可伸缩性好等优势，但其也具有调试困难，内存占用率高，功能单一，界面不够人性化的劣势。

近几年，vue等新型框架的兴起，改变了网页开发的形势，越来越多的网页开发者都在转投vue，因为vue相比于其他前端框架，更加轻量化，易于上手，也易于与第三方库或现有项目整合，同时也完全能够完成复杂的单页应用，所以使用vue开发一个在线问卷系统是一个很好的选择。

1.3 研究内容

通过对现有的问卷调查系统的观察和试用，从不同的人群的需求出发，以在线问卷调查系统的多样性、便捷性、低成本等特点为原则设计与开发此系统。同时系统的管理人员可以实现对系统的管理，包括用户的管理、调查问卷的管理等。

主要的研究内容：

1. 通用Web问卷系统的研究

本次设计需要实现Web问卷系统的各个功能模块，完成从出题、发布、答题、查看答案一整套完整的业务流程

1. Vue.js Node.js开发的研究

本次设计使用Vue.js开发前端页面，研究应用API以实现数据的动态绑定以及界面组件的组合，使用Node.js开发后台程序，研究应用API以实现前后端交互以及对MySQL的操作。

1. 软件工程原理的研究

本次设计将根据软件工程的原理，从需求分析开始，实现一个完整的软件生命周期。

1.4 论文结构

全文分为六个章节。

第1章绪论，绪论作为本文的开篇章节，主要介绍了通用web问卷系统这一课题的产生的背景、当前的状况和本次研究的内容以及本论文的文章结构。

第2章需求分析，这一部分是作为系统的前期分析设计，主要内容为用户角色分析和系统功能用例分析，以及一些外部接口的分析，系统用例分析使用用例图结合用例描述展示。

第3章系统设计，该章节由三个部分组成：系统的总体设计的图表展示、系统的模块设计、数据库设计包括一些数据表的展示。其中系统模块设计主要使用流程图进行介绍。

第4章系统实现，这一部分主要展现了系统实现的具体情况，画出了实现结构图，然后详细介绍了几个功能的具体实现，展示了节目截图以及功能代码。

第5章系统测试，这一部分是对几个主要功能模块进行黑盒测试，展示出测试报告表，以及对系统的集成测试。

第6章总结与展望，对全文进行总结以及对课题未来的发展做出了展望。先是阐述了本系统的优势特点，然后也指出了系统的一些不足和需要改良的地方，最后对未来本课题的发展做出展望

最后是本文致谢内容和文献摘要。

第2章 需求分析

2.1 用户角色分析

本系统分为三类用户：管理员，发布调查用户和参与调查用户，各个用户所使用的功能各有不同。

管理员：登录系统、管理用户、修改个人信息

发布调查用户：登录系统、注册账号、发布问卷、管理问卷、查看问卷结果、修改个人信息

参与调查用户：登录系统、注册账号、填写问卷、修改个人信息

2.2 系统用例分析

2.2.1 用例图

根据前文对于用户角色的分析，画出该系统的用例图如图2-1所示

图2-1 系统用例图

2.2.2 用例描述

1. 登录功能:用户需要选择身份，完成登录，用例描述如表2-1。

表2-1 登录用例

用例描述：用户登录

Id：1

参与人：管理员，分支局操作人员，分支局审核人员

简要说明： 用户分从登录界面登录系统

前置条件： 发布调查用户，管理员，参与调查用户

基本事件流： 用户进入登录界面； 输入账号和密码，并选择自己的用户身份； 点击登录； 成功登录系统

其他事件流： 2a. 用户没有账号，需要注册账号，点击注册按钮 3a. 用户名或密码错误，提示错误信息 3b. 用户名不存在，提示错误信息

后置条件： 用户登录进入系统，页面跳转

注释：无

1. 注册功能：新用户注册一个账号，用例描述如表2-2。

表2-2 注册用例

用例描述：新用户注册一个账号

Id：2

参与人：发布调查用户，参与调查用户

简要说明： 新用户在登录界面点击注册按钮跳转到注册界面注册账号。管理员无法注册

前置条件： 发布调查用户，参与调查用户

基本事件流： 新用户在登录页面，面点击注册按钮 页面跳转到注册界面 填写表单 注册成功，自动登录系统

其他事件流： 2a. 用户返回登录界面 3b. 用户表单填写错误

后置条件： 用户注册成功，并自动登录进入系统，页面跳转

注释：无

1. 发布问卷：发布调查用户在制作并发布一个新问卷，用例描述如表2-3。

表2-3 发布问卷用例

用例描述：发布调查用户制作并发布一个新问卷

Id：3

参与人：发布调查用户 以上是毕业论文大纲或资料介绍，该课题完整毕业论文、开题报告、任务书、程序设计、图纸设计等资料请添加微信获取，微信号：bysjorg。 相关图片展示：