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

论文总字数：27473字

目 录

1 绪论 1

1.1 课题背景 1

1.2 系统设计的目的和意义 1

1.3 国内外研究现状 1

2 相关技术介绍 2

2.1 HTML5 2

2.2 CSS 2

2.3 JDK 3

2.4 MySQL 3

2.5 SQLyog 3

2.6 Tomcat服务器 4

2.7 JSP 4

2.8 MVC 4

2.9 Echarts 5

3 需求分析部分 7

3.1 系统功能分析 7

3.1.1 注册功能分析 7

3.1.2 游客功能分析 7

3.1.3 普通用户功能分析 7

3.1.4 管理员的功能分析 7

3.2 系统开发环境及技术方案 7

3.3 可行性分析 8

3.3.1 经济可行性 8

3.3.2 技术可行性 8

4 系统设计部分 9

4.1 设计指导思想和原则 9

4.2 系统功能总体设计 9

4.2.1 注册登录功能 9

4.2.2 用户管理功能 10

4.2.3 查看问卷功能 11

4.2.4 问卷编辑功能 11

4.2.5 问卷作答功能 12

4.2.6 数据可视化功能 13

4.2.7 留言反馈功能 13

4.3 数据库设计 14

4.3.1 数据库设计介绍 14

4.3.2 数据库表格设计 17

5 系统实现部分 20

5.1 用户登录 20

5.2 用户注册 21

5.3 主界面 23

5.4 问卷分类管理 23

5.5 调查问卷管理 24

5.5.1 查看调查问卷 24

5.5.2 查看调查问卷可视化结果 25

5.6 问题管理 26

5.7 调查选项管理 27

5.8 调查记录管理 29

5.9 留言反馈管理 29

5.10 查看登陆日志 30

5.11 查看在线人数 31

6 系统测试部分 32

7 总结 37

参考文献 38

致谢 39

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

王文彬

, China

Abstract: In the era of the big information explosion, the previous paper questionnaires have been unable to meet the current social needs. The environmental protection information system will replace the previous time-consuming and laborious approach, and networking will become the direction of development. The main research of this paper is the design and implementation of the questionnaire system. This system adopts B/S structure, uses java language to write code, database uses MySQL database. implements an HTML5-based questionnaire system. User roles are divided into administrators and ordinary users. Administrators can manage users, manage questionnaires, manage issues, manage questions, and review and respond to user feedback. Ordinary users can log in to the system, be able to fill in questionnaires for a specific questionnaire, and be able to post their own messages. Being able to edit personal information about himself and so on. The system has carried on the function test to each function module.the test result shows that each function is running normally, already met the requirement that the system wants to realize.

Keywords: B/S; Java; Html5; Questionnaire

1. 绪论

本篇文章对基于HTML5的问卷调查系统进行了总结性的概述，并结合当前的社会发展情况，在经济、技术的可行性方面进行分析。经过分析证明：此系统是可以实现的。

• 1. 课题背景

当前很多单位或机构，在对干部进行群众测评时，仍然采用手工方式进行，手工方式一般采用纸质问卷方式，一旦调查完成，若再想查看之前调查的信息，将需要在众多问卷中来回查找，且通过纸质问卷答案来查看大众调查结果需要调查人员来进行每条信息的统计，需要很大的人力和复杂的脑力；纸质问卷保存时间较短，不易长期保存，随着时间的推移，这种方式保存的数据容易随着纸张的损坏而丢失，而且这种问卷方式将会产生大量的纸张，也是一种很不环保的做法。

• 1. 系统设计的目的和意义

随着信息时代的到来，网络的强大已经被人们所熟知。为了解决以往调查问卷方式费时费力且不环保的缺点，开发者们决定采用网络的方式来研发出基于HTML5的网络调查问卷系统，本系统决定利用B/S结构来开发，这样用户只需要打开自己的浏览器，就可以轻松参与调查问卷，将不再依赖于APP的限制，可以很方便的进行作答提交，调查问卷数据将采用电子数据的方式保存，后期需要的时候查找方便快捷，安全有保障；调查结果将自动统计分析并动态生成图形，结果更直观生动。

基于HTML5的调查问卷系统可以实现的主要功能有：管理员对调查问卷的编辑，对问题的编辑，对调查选项的编辑；用户实时的在线注册以及注册完毕登录系统的功能。最终普通用户在系统中完成调查问卷的作答，管理员登录系统可以查看数据可视化的功能等等；问卷编辑具体又包含问卷的编写，修改，发布，删除等功能，数据可视化具体位置生成可视化图表。

利用互联网的方式来实现调查问卷，改变了传统的问卷方式，更符合当下的时代发展。

• 1. 国内外研究现状

在国内外很多机构和单位中，都会存在着各种各样的调查问卷。大多数机构或单位采用的还是纸质调查问卷的方式来进行群众测评。这在以前是一种很普遍的方式，但是如今互联网在快速发展的同时，在线调查问卷也在迅速发展，很多专业的调查问卷系统已经应运而生，帮助机构和单位减少了测评的成本和人员投入，这些系统不仅把传统的纸质调查问卷搬到了网上，改变了传统的方式，还发挥了网络媒体的优越性。

1. 相关技术介绍
   1. HTML5

HTML5是一种超文本标记语言，它是万维网经过第五次修改之后的最重要的语言。

HTML的第五个版本在2013年5月的时候被正式修改。草案公布以后就意味着其核心语言将要被进行历史性的革新。一些新的特性与功能将被添加到这个版本之中。其主要目的是为了更好的提高开发人员对于新元素的交互操作性。

HTML5版本给予了网页更好的意义，并重新定义了其结构。引入了丰富的标签，添加了能够处理微数据的技术。使得其整个体系发生了改变，力求给予web一个更有价值意义的语言体系^[1]。

系统用HTML5来开发，完成的系统将拥有更多的优势。它可以以更加快速的速度进行运行，是其他APP所不能比拟的。

自从有了HTML5，开发者们在网页应用开发方面就有了更多的优化选择，丰富的优化选择将给开发者带来方便，轻而易举就可以实现其需要的功能。HTML5提供了许多开放接口，数据和应用之间的相通将可以通过接口实现。而接口不止这一个功能，它还可以与浏览器进行相通，数据将在浏览器和应用之间畅通无阻^[2]。

工作效率有了更大的提高，页面的实时聊天变得更加简单容易，网页类型的游戏已随处可见，游戏性能变得更加快速流畅。HTML5在服务器推送技术方面有了更大的进步。

多媒体功能被加入到HTML5中，使得网页端可以展示更加丰富的内容。在网页中就可以实现视频播放，语音交流等等。

增加了基于SVG及CSS3等等的3D显示功能，由以前的平面变成3D显示，这是一个新的改变。在网页中看到的视觉效果将会大有不同。

拥有了更快的响应速度，以前的用户会经常遇到等待的状态，但是HTML5通过XMLHttpRequest2等技术对响应速度进行了优化，优化了以前的等待，跨域等问题，使得网页应用在不同的环境中都可以快速的工作，让使用者不在困恼于速度问题。

CSS中加入了更多的风格特性，同时产生了更加强烈的效果。

总结之后可以发现，HTML5有很多优点，如下所示：

1. 可用性得到提高，用户的体验变得友好和谐；
2. 增加了很多新的标签，开发人员在定义重要的内容方面变得更加方便快捷；
3. 增加了多媒体元素，页面显示内容得到很大的丰富；
4. 移动应用和游戏方面被广泛应用；
5. 移植性与交互性好。
   1. CSS

CSS即层叠样式表，在HTML5中，它可以实现对网页布局的改变。CSS也可以说是一个样式的集合,通常将不同的样式写在同一个CSS样式表中。在进行网页页面布局的时候，只需要将相应的CSS样式表引用到需要的页面，然后对具体的样式进行调用，就可以实现对网页页面布局、外观的改变。对于同一个页面来说，调用不同的样式表将产生不同的布局和外观。同样，一个样式表也可以被多个页面引用。这样就省下了大量开发的时间，减少了开发的复杂度，极大程度的提高了开发的效率。

CSS和以往直接在页面中进行代码编写的方式相比较，拥有着无可比拟的优势，CSS样式表的代码是分离式的，每一条样式都清晰可见。如果想进行页面布局修改，只需要在相应的样式中进行修改，不需要改动整个样式。CSS样式表的编辑更是方便，甚至通过记事本就可以完成。CSS在页面布局的控制方面表现出色。不仅如此，随着CSS的版本更新，其布局、样式变得越来越简单。在新版中，CSS对页面的布局设置进行整合，字体样式、颜色、大小集合为一体。由于代码变得更加精简，所以网页的开发和维护难度降低^[3]。

• 1. JDK

JDK是Java程序开发过程中必不可少的一种工具。只有有了JDK这个环境，系统才可以运行。对于Java来说，它的存在至关重要。JDK包含着Java技术的核心，包括了Java的运行环境，Java的开发工具和Java的API。运用比较广泛的JDK是由Sun公司开发的JDK，除此之外，许许多多公司和组织都具有自己开发的JDK，Sun公司的JDK只是应用比较广泛的一种^[4]。

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

相关图片展示：