《基于HTML5的网络调查问卷系统》-工学论文，计算机论文-论文范文参考-科学狗论文网

网站首页词典首页

标题

基于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=”选项”>

可填空

删除

增加选项

3.4.3 问卷结果的数据统计

问卷发布后可供人参与调查得到选项数据然后提交，并通过统计选项数量然后得出相应数据转入数据库中。部分代码如下所示：

String mx=request.getParameter（”nlx”）;

int imx=Integer.parseInt（mx）;

for（inti=0;i

String dmx=request《etParameter（”imx”+i）;

StriⅡg dxqid=request.getParameter（”dxqid”+i）;

String answer=new QuestionsDa00.getAnswers（id，dxqid）;

int idmx=Integer.parseInt（dmx）;

String口dxanswer=null;

String dfen=””;

if（answer！=null）{

dxanswer=answer.split（”&”）;

）else{

dxanswer=new String[idIIⅨ];

）

for（intj_0;j

String iddmx=request.getParameter（”mx”+i+j）;

if（iddmx！=null）（

String fen=dxanswerD+1】;

int ifen=Integer.parseInt（fen）+1;

dfen=dfen+”&”+ifen：

】else（

dfen=dfen+”&”+dxanswerD+1】.）】

new QuestionsDao（）.UpdateAnswers（id，dxqid，dfen）;】

retum”success”;1

3.4.4 md5加密

在本系統中管理员和普通用户的登录密码均经过md5加密，以此防止管理员能够直接查看到用户密码并进行恶意登录他入账号。部分代码如下所示：

public static String MD5Encode（String origin，String charset）{

String resultString=null;

try{

resultString=origin;

MessageDigest md = MessageDigest.getInstance（”MD5”）;

i“charset==null Il””.equals（charset））

resultString=byteArrayToHexString（md.digest（re—sllltString.getBytes（）））;

else

resultString=byteArrayTbHexString（md.digest（re—sultString.getBytes（charset）））;

]

catch （Exception ignore）{

]

return resultString;

]

4 结束语

本系统是基于HTML5的网络调查问卷系统，不仅充分体现了HTML5技术带来的方便性和适应性，同时也保证了用户的体验。自主编辑、发布问卷的功能给予了用户最大方面的可操作性，同时统计方式也简单明了，适用于各个需要数据收集的场合。可以想象，本系统将具有广阔的适用度。

参考文献：

[1]刘健，赵丹，范柱柱.基于网络问卷调查平台的设计与实现[J].新商务周刊，2019（13）：288.

[2]郭健辉.基于HTML5的移动调查问卷设计及图形化分析[J].软件导刊，2016，15 （12）：82-84.

[3]王燕妮.HTML5应用现状分析[J].无线互联科技，2016（13）：28-29.

【通联编辑：唐一东】

随便看

科学优质学术资源、百科知识分享平台，免费提供知识科普、生活经验分享、中外学术论文、各类范文、学术文献、教学资料、学术期刊、会议、报纸、杂志、工具书等各类资源检索、在线阅读和软件app下载服务。