论文总字数：30257字

摘 要

Abstract 6

第一章 引言 7

1.1. 课题背景 7

1.2. 问卷调查系统现状 7

1.3. 系统设计的目的和意义 7

1.4. 国内外研究现状 7

1.5. 可行性分析 8

1.5.1 经济可行性 8

1.5.2 技术可行性 8

第二章 相关技术介绍 8

2.1. Python 8

2.2. Flask 8

2.3. MySQL 8

2.4. HTML5 9

2.5. ECMAScript 9

2.6. Vue.js 9

2.7. MVVM 9

2.8. B/S架构 9

第三章 需求分析 10

3.1. 需求分析概述 10

3.2. 系统模块划分 10

3.3 系统功能描述 11

第四章 系统设计 11

4.1. 系统总体设计 11

4.2. 系统结构流程设计 12

4.3. 数据库设计 13

第五章 系统主要模块的实现 15

5.1. 创建项目 15

5.1.1. 开发环境的搭建 15

5.1.2. 项目目录结构 16

5.2. 数据库与Web服务器的连接 18

5.3. 登录系统的实现 19

5.4. 主页面模块的实现 21

5.5. 问卷创建模块的实现 23

5.5.1. 问卷标题创建 23

5.5.2、问卷问题创建 24

5.6. 问卷管理模块的实现 26

5.7. 问卷填写模块的实现 30

5.8. 问卷统计模块的实现 32

第六章 系统的测试 35

6.1. 系统的测试环境 35

6.2. 用户登录注册模块测试 35

6.2.1 注册模块测试 36

6.2.1 登录模块测试 37

6.3. 问卷创建模块测试 39

6.4. 问卷管理模块测试 41

6.5. 问卷填写测试 43

6.6. 问卷结果分析模块测试 44

致 谢 47

参考文献 48

基于HTML5的网络调查问卷系统设计与实现

摘要

近年来，还是很多单位机构或是个人还是在使用传统的模式进行调查。传统的问卷调查在创建问卷，发布问卷，回收问卷和提取回收数据方面需要大量的人力物力甚至财力。为了解决这些问题，以及HTML5的开发成本低，使用成本低，传播速度快的特点，出现了以基于HTML5的网络调查问卷系统。

本文主要研究基于HTML5的网络调查问卷系统设计与实现。该系统是基于B/S模式，以MVVC为架构，前后端分离开发。开发工具后盾选用PyCharm，前端使用WebStorm。主要技术采用了Python与Vue.js实现，前后端分离开发的单页面应用。后端编写API，以及与MySQL数据库交互的逻辑，前端调用API实现数据与服务器的交互。本系统主要实现了四个部分。用户注册登录部分，用户可以注册登录，登录的用户才可以使用问卷创建等功能。游客只能填写问卷调查表。创建问卷部分，用户创建自己想要创建的问卷调查，创建不同题型的问卷调查。管理问卷部分，用户管理创建的问卷，发布问卷，回收问卷，继续修改问卷等。问卷数据分析部分，系统根据回收的问卷的数据，对数据分析，实现数据可视化，给用户直观的感受。本系统基于网络，将人们从繁琐的工作中真正的解放出来，只需简单的几步，就能快速的进行调查。并实时的回收数据，分析。

关键词：HTML5；调查问卷系统；数据可视化；

Abstract

In recent years, many organizations or individuals are still using traditional models to investigate. The traditional questionnaire survey requires a lot of manpower, material resources and even financial resources in creating questionnaires, issuing questionnaires, collecting questionnaires and collecting data. In order to solve these problems, and the low cost of development of HTML5, low cost of use, and fast propagation speed, a network survey questionnaire system based on HTML5 has been developed.

This paper mainly studies the design and implementation of the network questionnaire system based on HTML5. The system is based on the B/S mode, with MVVC as the framework, and the front end separation development. The development tool backup uses PyCharm, and the front end uses WebStorm. The main technology is Python and Vue.js, and the single page application is developed. The back end writes API and the logic of interacting with the MySQL database, and the front end calls API to realize the interaction between the data and the server. This system has mainly realized four parts. User login login part, users can register login, users can only use the questionnaire to create functions. Visitors can only fill out the questionnaire. The questionnaire is created, users create the questionnaire they want to create, and create a questionnaire of different types of questions. Management questionnaire, user management, questionnaires, questionnaires, questionnaires and so on. The data analysis part of the questionnaire, according to the data of the recovered questionnaires, analyzes the data, realizes data visualization, and gives users the intuitive feeling. Based on the Internet, the system can really liberate people from tedious work. It can be quickly investigated only in a few simple steps. And real-time recovery of data, analysis.

Key words: HTML5; Questionnaire system; Data visualization

第一章 引言

1.1. 课题背景

当前很多机构或单位，在对干部进行群众测评时仍然采取手工方式，费时费力且不环保。为了提高问卷调查的效率，节约人力成本，响应绿色环保，由此提出了本课题。调查问卷是个人，企事业单位收集所需信息的一种重要途径。用户可以对收集到的信息惊喜聚合分析，发掘提取其中的有价值的价值，得出所需问题的答案。帮助去解决问题，制定相关事项的决策。当调查问卷的基数越多，收集到的数据越多，提取得到的价值数据就越多。然而在对收集到的信息进行处理时，数据收集越多，所需的人力资源也越多。本课题就是通过开发基于HTML5的网络调查问卷系统来实现较自动化的群众测评。

1.2. 问卷调查系统现状

随着智能化，科技化的社会发展，问卷调查已成为社会各行业获取信息的主要途径。问卷调查方式各种各样。随着需求的涌入，现在出现了专门做问卷调查的公司。为各行业提供问卷调查服务。在线问卷调查工具在业内做的比较好的有问卷星，腾讯问卷等。他们依托庞大的流量，来获取更多的信息。现如今的问卷调查系统集成化，使用方便，问卷表更美观，信息收集及分析更高效。

1.3. 系统设计的目的和意义

对于社会各行业，能高效的收集所需的相关信息，并快速的分析，得出所需提炼的信息，从而指定先关策略是必需的。问卷调查就是各行业收集相关信息的一种途径。随着科技的飞速发展，手机，电脑等都得到了大量的普及。人们的生活节奏越来越快，人们对时间的要求越来越苛刻。

剩余内容已隐藏，请支付后下载全文，论文总字数：30257字