基于HTML5的网络调查问卷系统

杨芳芳

摘要：当今社会各行各业对于数据收集的需求越来越大，而传统纸质问卷调查在此过程中显得烦琐而臃肿。结合HTML5以及JSP和JavaScript技术实现一个网络调查问卷系统，融合了各种技术的优势，为有需要的人们提供了良好的数据收集服务。

关键词：HTML5;问卷调查;网络问卷调查系统

中图分类号：TP311 文献标识码：A

文章编号：1009-3044（2020）29-0100-02

1 引言

当今社会，很多实验都需要相当一部分数量的问卷调查来收集足够的数据，而传统的纸质问卷调查烦琐而臃肿，不仅增加了人力成本而且效率低下，同时分析调查所得数据结果也需要花费大量的时间。而网络调查问卷因为其执行便利、信息反馈及时、费用低廉等优点逐渐兴起，受到广大的数据收集者的认可，并逐渐成为主要的数据收集方法之一[1]。互联网让企业获取用户数据变得更简单高效低成本，网络调查问卷系统也因此开始飞速的进步。基于HTML5技术，网络调查问卷系统相对于App摆脱了对平台的依赖，通过浏览器可以直接访问应用，不需要应用市场审核，可以随时更新应用[2]。而且HTML 5具有很好的跨平台性，开发的应用可以在PC端和不同系统的移动端运行，可以较好地兼容各种浏览器[3]，也因此能给用户带来更好的体验。

2 HTML5技术优势

HTML技术也称为超文本标记语言，通过一系列标签来广泛用于前端来描述网页，而HTML5是Web中核心语言HTML的规范，它继承了部分HTML的特性，在此基础上又添加了许多新特性。例如视频、音频的嵌入函数;客户端存储数据等等。HTML5对之前HTMLA等各个版本中的规范做出了很大的改进，既进一步加强了界面与人的交互又在一定程度了降低了开发成本，因此HTML5的未来有很大的可能性。通过HTML5在JSP中的大量应用来构建网页界面，给用户带来良好的交互和视觉效果。

3 系统设计与实现

本系统是基于HTML5的网络调查问卷系统，调查问卷题型包括单项選择、多项选择以及填空。统计结果将直接以百分比的形式显示在每个问卷选项后面，使统计结果更为清晰明了。

3.1 系统开发技术与开发环境

综合各种因素考虑，系统后端开发选择eclipse，语言使用java。数据库使用MySQL 5.7，使用Tomcat 8.5作为web服务器。前端开发使用HTML5、JSP以及JavaScript.使用MVC和Boot-strap技术框架实行布局页面。系统在谷歌浏览器中进行测试。用户可通过电脑、手机等访问系统。

3.2 系统功能模块设计

根据系统的特点，它应具备最基本的参与调查、问卷发布、查看问卷统计结果等功能。同时为了方便使用，直接在浏览器中输入网址即可访问系统，通过账号登录系统然后进行各种所需要的操作。系统用户分为普通用户和管理员。其功能结构如图1所示。

3.3 系统数据库设计

网络调查问卷系统的核心即为数据收集，只有收集到足够的数据才能对数据进行可靠的分析，才能够真正体现出网络调查问卷系统的作用。所以需要对收集到的数据进行存储操作。设计数据库既需要与数据库对应的系统相结合，又需要在满足用户的使用需求上对数据进行读取，需要在这个基础上尽量给出最合适的设计。系统包括user（用户信息表）、user_g（管理员信息表）、Wenjuan（问卷信息表）、Questions（问卷题目信息表）等等。在此给出部分数据表的结构设计。

3.4 系统关键代码

3.4.1 问卷数据的提交

用户可在网页上对问卷进行作答，作答数据提交至数据库中保存。部分关键代码如下：

public ArrayList getListAllO throws Exception{

ArrayList ar= new ArrayListO;

Connection conn= BaseConnection.getConnection0;

PreparedStatement ps= null;

ResultSet rs= null;

List< List> list= new ArrayList< List>0;

try（

String sql= "select*from wenj uan";

ps= conn.prepareStatement（sql）;

rs= ps.executeQuery0;

while（rs.next0）{

Wenjuan w=new Wenjuan（null， null，null，null）;

LisKString> questions= new ArrayList0;

String sq12= "select*from questions WHERE？“;

PreparedStatement stmt= conn.prepareStatement（sql2）;

stmt.setlnt（l， rs.getlnt（”w_id”））;

ResultSet set= stmt.executeQuery0;

w.setW_id（rs.getlnt（"w_id”））;

w.setW_title（rs.getString（"w_title"》;

w.setW_type（rs.getString（"w_type'））;

w.setW_endtime（rs.getDate（ "w_endtime”））;

ar.add（w）;

list.add（ar）; ）

） catch （Exception e）（

e.printStackTrace0;

）finally{}

return ar ;}

3.4.2问卷的编辑

用户可根据自身需求自行、自由编辑所需要的问卷题目和选项。题型包括单选、多选以及填空。部分代码如下所示：

placeholder=”选项”>

可填空

删除