沈阳航空航天大学
课程设计报告
课程设计名称：软件综合课程设计
课程设计题目：基于web的在线问卷调查系
统的设计与实现
院（系）：计算机学院
专业：计算机科学与技术
班级：
学号：2
姓名：
指导教师：
说明：结论（优秀、良好、中等、及格、不及格）作为相关教环节考核必要依据；
格式不符合要求；数据不实,不予通过。报告和电子数据必须作为实验现象重复的关键依据。
学术诚信声明
本人声明：所呈交的报告（含电子版及数据文件）是我个人在导师指导下独立进行设计工作及取得的研究结果。尽我所知，除了文中特别
或撰写过的研究结果，也不包含其它教育机构使用过的材料。与我一同工作的同学对本研究所做的任何贡献均己在报告中做了明确的说明并表示了谢意。报告资料及实验数据若有不实之处，本人愿意接受本教学环节“不及格”和“重修或重做”的评分结论并承担相关一切后果。
本人签名: 日期：年月日
沈阳航空航天大学
课程设计任务书
目录
1 需求分析 1
1.1系统开发背景 (1)
1.2系统开发目的 (1)
1.3系统开发意义 (2)
2 概要设计 (3)
2.1总体设计 (3)
2.2功能设计 (3)
2.2.1 用户系统设计 (3)
2.2.2 问卷系统设计 (3)
2.3数据库设计 (4)
2.3交互设计 (6)
3 详细设计 (7)
3.1用户管理系统 (7)
3.1.1 用户注册 (7)
3.1.2 用户登录 (9)
3.2问卷管理系统 (9)
3.2.1 问卷信息管理 (9)
3.2.2 题目信息管理 (12)
3.2.3 选项信息管理 (14)
3.2.4 问卷结果统计 (17)
3.2.5 问卷生成 (18)
3.2.6 问卷提交 (19)
4 测试 (20)
4.1出现的错误 (20)
4.2解决方法 (20)
参考文献 (21)
附录（关键部分程序清单） (22)
1.路由文件 (22)
2.用户管理后台文件 (23)
3.问卷后台管理文件 (27)
4.问卷生成文件 (41)
5.登录界面 (45)
6.注册页面 (46)
7.问卷信息管理页面 (47)
8.题目信息管理页面 (50)
9.选项信息管理页面 (53)
10.选择题统计信息展示 (55)
11.简答题统计信息展示 (58)
12.错误页面 (59)
13.CSS文件 (60)
14.J A V A S CRIPT文件 (76)
1 需求分析
1.1 系统开发背景
随着互联网技术的飞速发展，互联网的全球覆盖，交互功能等特性给调查方法带来新的变化，在线调查作为一种基于互联网平台上信息采集及处理方式，越来越受到许多评估研究机构和媒介机构的关注与运用。
在校园、企事业单位里，由于各种调查研究的需要，经常会有各种各样的调查问卷，在传统模式下，人们不但要花费不少的费用印刷问卷，而且还要消耗大量时间和精力对调查问卷进行发放和回收，对调查问卷进行统计，并且人工操作调查问卷随意性较大，容易产生遗漏等问题。本系统建立在信息技术基础上，构建一个在线的问卷设计、分发、调查、回收、统计的系统，基本解决传统问卷的上述老大难问题。
借助互联网这一现代化的信息沟通渠道，在线调查具有低成本、高速度、跨越空间局限、丰富的表现形式、智能化及互动性等优点。因为其方便性，许多企业也在自己的网络上进行自主调研，使用调查的方式收集自己用户的观点等。不仅可以迅速了解社会不同层次、不同行业的人员需求，客观的收集需求信息，调整修正产品策略和营销策略，满足不同的需求。在线调查问卷系统是一个实用性很强的系统。
1.2 系统开发目的
在线问卷调差的目的就是能够提高调查效率，节约调查经费，使调查数据的分析更加的方便，应具有以下的功能特点：
（1）向用户提交交互式，个性化的问卷调查服务。
（2）智能的后台管理，可以在线生成调查问卷，可分析统计调查的结果。
（3）使用简单、方便，问卷生成，投放，结果分析简单易用。
（4）具有灵活性，能应用不同的调查环境。
1.3 系统开发意义
调查问卷系统的目的是企业、组织或个人需要调查或掌握一些数据、信息或资料时，为这样的需求者提供适合的网上问卷、回收、统计数据活动答案，为需求者掌握资料提供方便。
（1）对调查问卷的统计结果进行分析汇总，并使需求者能及时了解最新的调查结果。
（2）可以根据不同的需求灵活设计问卷。
（3）支持多种题型，如单选、多选、简答等。
2 概要设计
2.1 总体设计
系统的总体设计可以分为以下几个部分：
（1）使用PHP的Laravel框架实现系统的后台管理系统，包括问卷管理和用户管理。
（2）使用Mysql作为数据库系统。
（3）使用JavasScript，Ajax和CSS构建前端页面和交互系统。
（4）使用HighCharters库实现数据可视化，实现问卷统计信息的图表展示。
2.2 功能设计
2.2.1 用户系统设计
用户可分为注册用户和一般用户，注册用户需注册信息后方可使用系统，而一般用户可直接访问系统。3种用户权限不同，具体如下：
（1）系统管理员：管理系统和所有用户的问卷。
（2）注册用户：设计、编辑、发布问卷，查看问卷统计结果。
（3）一般用户：填写问卷。
2.2.2 问卷系统设计
注册用户可以访问问卷系统，并编辑问卷（增加，删除，修改，查询）与问卷对应的题目、选项。
（1）问卷属性：问卷标题，发布者，发布时间，有效时间，提交量，题目。
（2）题目属性：题号，题目，题目类型，选项。
（3）选项属性：选项号，选项值。
（4）题目类型：单选题、多选题、简答题。
（5）问卷只有在有效时间内才可以参与答题，超出有效时间后不可进行答题。
2.3 数据库设计
数据库包含5个表，分别是：users（用户表），questionnaires（问卷表），subjects（题目表），options（选项表），short_answers（简答表）。所有表的数据字典以及E-R图如下。
图2.1 E-R图
表2.1 用户表
表2.2 问卷表
表2.3 题目表
表2.4 选项表
表2.5 简答表
2.3 交互设计
使用JavaScript，Ajax等实现系统交互，实现对话框设计以及UI动画交互，使用HighCharters库实现数据可视化系统，对问卷统计结果进行图表展示。
3 详细设计
3.1 用户管理系统
3.1.1 用户注册
本模块用于实现新用户的信息注册，在注册页面检查用户输入是否合法：（1）邮箱格式是否正确，是否已被注册。
（2）用户名是否和已注册用户重复。
（3）两次密码输入是否一致。
若用户输入合法，允许注册，并跳转至用户界面；否则，给出错误提示。
此页面URL为：http://localhost/auth/register（localhost为系统域名，同下）。用户注册页面UI与流程图如图3.1和图3.2所示。
图3.1 用户注册页面
图3.2 用户注册流程图
图3.3 用户登录流程图
3.1.2 用户登录
本模块用于实现用户登录，在用户输入正确的用户名和密码后，进入系统；
否则，提示用户错误信息。
此页面URL为：http://localhost，若存在Session，跳转至问卷展示页面。用户登录流程图与页面UI如图3.3和图3.4所示。
图3.4 用户登录界面
3.2 问卷管理系统
3.2.1 问卷信息管理
本模块用于实现用户问卷信息的后台管理。具体的操作有：问卷信息展示、创建新问卷、更新问卷、删除问卷等操作。
要展示的问卷信息有：
（1）问卷ID（系统内唯一，在创建问卷时由系统自动生成）。
（2）问卷标题。
（3）问卷创建者的用户名。
（4）问卷的创建时间和有效时间（在有效时间内问卷可以答题）。
（5）问卷的提交量。
（6）查看问卷统计信息的链接。
（7）查看问卷地址的链接。
（8）编辑问卷内题目的链接。
（9）问卷操作按钮，包括问卷更新按钮和问卷删除按钮。
此页面URL为：http://localhost/userconsole/{用户名}，{}内为变量，是不同用户进入自己问卷管理页面的条件。
更新问卷的post地址为：http://localhost/userconsole/{用户名}/updatequestion naire。
删除问卷的post地址为：http://localhost/userconsole/{用户名}/deletequestion naire。
问卷信息管理页面UI与流程图如图3.5和图3.6所示。
图3.5 问卷信息展示页面
除此之外，还有一个添加问卷按钮。使用JavaScript捕获按钮点击消息，生成建立新问卷对话框，用户填写问卷标题与有效时间后可以创建新问卷。使用Ajax与服务器交流将问卷信息写入数据库，做到平滑操作，改善用户体验。添加表单的post地址为：http://localhost/userconsole/{用户名}/addquestionnaire 创建新问卷流程图与页面UI如图3.7和图3.8所示。
图3.6 问卷信息展示流程图
图3.7 建立新问卷流程图
图3.8 建立新问卷页面
3.2.2 题目信息管理
本模块用于实现题目信息的后台管理。具体的操作有：题目信息展示、创建新题目、更新题目、删除题目等操作。
要展示的题目信息有：
（1）题号，用于展示问卷时的题目排序。
（2）题目内容。
（3）题型（单选题、多选题、简答题）。
（4）编辑题目对应选项的链接（简答题除外）。
（5）题目操作按钮，包括题目更新按钮和题目删除按钮。
此页面URL为：http://localhost/userconsole/{用户名}/questionnaire/{问卷id}。
题目信息管理页面UI与流程图如图3.9和图3.10所示。
图3.9 题目信息展示页面
除此之外，还有一个添加题目按钮。使用JavaScript捕获按钮点击消息，生成建立新题目对话框，用户通过下拉框选择题号与题型，输入题目后可以创建新题目，已有的题号不会出现在下拉框中，防止生成问卷的题号重复。使用Ajax 与服务器交流将问卷信息写入数据库，做到平滑操作，改善用户体验。添加新题
目页面UI与流程图如图3.11和图3.12所示。