首页 前端知识 springboot基于HTML5的问卷调查系统的设计与实现论文

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

2024-08-08 22:08:46 前端知识 前端哥 512 413 我要收藏

摘 要

传统信息的管理大部分依赖于管理人员的手工登记与管理,然而,随着近些年信息技术的迅猛发展,让许多比较老套的信息管理模式进行了更新迭代,问卷信息因为其管理内容繁杂,管理数量繁多导致手工进行处理不能满足广大用户的需求,因此就应运而生出相应的问卷调查系统。
本问卷调查系统分为管理员还有用户两个权限,管理员可以管理用户的基本信息内容,可以管理新闻资讯信息以及新闻资讯的租赁信息,能够与用户进行相互交流等操作,用户可以查看问卷信息,可以查看新闻资讯以及查看管理员回复信息等操作。
该问卷调查系统采用的是WEB应用程序开发中最受欢迎的B/S三层结构模式,使用占用空间小但功能齐全的MySQL数据库进行数据的存储操作,系统开发技术使用到了JSP技术。该问卷调查系统能够解决许多传统手工操作的难题,比如数据查询耽误时间长,数据管理步骤繁琐等问题。总的来说,问卷调查系统性能稳定,功能较全,投入运行使用性价比很高。

关键词:问卷调查系统;MySQL数据库;SSM技术

Abstract

Most of the management of traditional car rental information relies on the manual registration and management of managers. However, with the rapid development of information technology in recent years, many old-fashioned information management models have been iterated and updated, and car rental information is because of its The management content is complicated, and the large number of managements leads to manual processing that cannot meet the needs of the majority of car rental users. Therefore, the corresponding car rental management system should be born.
The car rental management system is divided into two functions: the administrator and the user. The administrator can manage the basic information content of the user, can manage the car information and the rental information of the car, and can communicate with the user, etc., and the user can view the car information. You can rent a car online, you can leave a message online, and view the administrator’s reply information.
The car rental management system adopts the most popular B/S three-layer structure mode in WEB application development, and uses a small but full-featured MySQL database for data storage operations. The system development technology uses JSP technology. The car rental management system can solve many traditional manual operation problems, such as long delays in data query and cumbersome data management steps. In general, the car rental management system has stable performance and full-featured functions.

Key Words:Car rental management system; MySQL database; SSM technology

目 录

摘 要 I
Abstract II
目 录 III
第一章 课题背景及研究内容 1
1.1 课题背景 1
1.2 开发目的和意义 1
1.3 论文研究内容 1
第二章 相关技术 3
2.1 B/S结构 3
2.2 MySQL数据库 3
第三章 系统分析 5
3.1可行性分析 5
3.1.1时间可行性 5
3.1.2 经济可行性 5
3.1.3 操作可行性 5
3.1.4 技术可行性 5
3.1.5 法律可行性 5
3.2系统流程分析 6
3.3系统功能需求分析 7
3.4 系统非功能需求分析 7
第四章 系统设计 9
4.1 总体功能 9
4.2 系统模块设计 9
4.3 数据库设计 10
4.3.1 数据库设计 10
4.3.2 数据库E-R 图 10
4.3.3 数据库表设计 11
第五章 系统实现 13
5.1 管理员功能模块的实现 13
5.1.1 问卷列表 13
5.1.2 新闻资讯信息管理 13
5.1.3 新闻资讯类型管理 14
第六章 系统测试 15
6.1软件测试 15
6.2测试环境 16
6.3 测试用例 16
6.3.1 用户登录测试 16
6.4.2 添加新闻资讯类别测试 16
6.5测试结果 16
结 论 17
参考文献 19
致 谢 20

第1章 系统设计

4.1 总体功能
问卷调查系统是根据需求定制开发,开发软件选用IDEA平台配合MySQL数据库进行开发环境的搭建操作,网站采用WEB应用程序中最流行的B/S结构进行开发,用户访问系统数据仅仅需要在客户端安装谷歌浏览器或者是当下常用浏览器就可以访问网站内容。
4.2 系统模块设计
问卷调查系统系统在进行系统中功能模块的划分时,采用层次图来进行表示。层次图具有树形结构,它能使用矩形框来描绘数据信息。顶层代表的数据结构很完整,顶层下面的矩形框表示的数据就是子集数据,当然处于最下面的矩形框就是不能再进行细分的数据元素了,使用层次方框图描述系统功能能让用户一目了然,能够明白系统的功能,以及对应功能板块下面的子功能都可以清楚领会。问卷调查系统分为管理员和用户两部分操作角色,下面将对他们的功能进行阐述。
管理员可以管理用户的基本信息,可以管理等功能。管理员功能结构图如下:
在这里插入图片描述

图4.1 管理员功能结构图

4.3 数据库设计
开发一个系统也需要提前设计数据库。这里的数据库是相关数据的集合,存储在一起的这些数据也是按照一定的组织方式进行的。目前,数据库能够服务于多种应用程序,则是源于它存储方式最佳,具备数据冗余率低的优势。虽然数据库为程序提供信息存储服务,但它与程序之间也可以保持较高的独立性。总而言之,数据库经历了很长一段时间的发展,从最初的不为人知,到现在的人尽皆知,其相关技术也越发成熟,同时也拥有着坚实的理论基础。
4.3.1 数据库概念设计
这部分内容需要借助数据库关系图来完成,也需要使用专门绘制数据库关系图的工具,比如Visio工具就可以设计E-R图(数据库关系图)。设计数据库,也需要按照设计的流程进行,首先还是要根据需求完成实体的确定,分析实体具有的特征,还有对实体间的关联关系进行确定。最后才是使用E-R模型的表示方法,绘制本系统的E-R图。不管是使用亿图软件,还是Visio工具,对于E-R模型的表示符号都一样,通常矩形代表实体,实体间存在的关系用菱形符号表示,实体的属性也就是实体的特征用符号椭圆表示。最后使用直线将矩形,菱形和椭圆等符号连接起来。接下来就开始对本系统的E-R图进行绘制。
(1)下图是用户实体和其具备的属性。
在这里插入图片描述

图4.1 用户实体属性图
(2)下图是问卷表实体和其具备的属性。
在这里插入图片描述

图4.2 问卷表实体属性图
(3)下图是问卷调查记录表实体和其具备的属性。
在这里插入图片描述

图4.3 问卷调查记录表实体属性图
(4)下图是答题详情表实体和其具备的属性。
在这里插入图片描述

图4.4 答题详情表实体属性图
(5)下图是字典表实体和其具备的属性。
在这里插入图片描述

图4.5 字典表实体属性图
(6)下图是新闻资讯实体和其具备的属性。
在这里插入图片描述

图4.6 新闻资讯实体属性图
(7)下图是试题表实体和其具备的属性。
在这里插入图片描述

图4.7 试题表实体属性图
(8)下图是用户表实体和其具备的属性。
在这里插入图片描述

图4.8 用户表实体属性图

4.3.3 数据库表设计
数据库里面的数据表存放的就是各种数据记录,我们在进行系统增删改查操作时,其实也是在对应数据表里面进行的增删改查操作,一个好的数据库能够缩短信息处理时间,所以说数据库的设计工作不容小觑,数据库里面设置哪些表,表里面的字段设计以及字段类型和字段长度等信息都要考虑周到才行,比如时间这个字段,它的数据类型就不能是int型,不然在系统操作中就会弹出输入数据格式不符合要求的报错提示。下面简单介绍问卷调查系统的一些数据表。
表4.1字典表表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 dic_code String 字段 是
3 dic_name String 字段名 是
4 code_index Integer 编码 是
5 index_name String 编码名字 是
6 super_types Integer 父字段id 是
7 create_time Date 创建时间 是
表4.2问卷表表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 exampaper_name String 问卷名称 是
3 exampaper_date Integer 时长(分钟) 是
4 exampaper_jieshuyu String 结束语 是
5 exampaper_types Integer 问卷状态 是
6 create_time Date 创建时间 是
表4.3试题表表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 exampaper_id Integer 所属问卷id(外键) 是
3 examquestion_name String 试题名称 是
4 examquestion_options String 选项 是
5 examquestion_types Integer 试题类型 是
6 examquestion_sequence Integer 试题排序,值越大排越前面 是
7 create_time Date 创建时间 是
表4.4问卷调查记录表表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 examrecord_uuid_number String 问卷调查编号 是
3 yonghu_id Integer 问卷调查用户 是
4 exampaper_id Integer 所属问卷id(外键) 是
5 insert_time Date 问卷调查时间 是
6 create_time Date 创建时间 是
表4.5答题详情表表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 examredetails_uuid_number String 问卷编号 是
3 yonghu_id Integer 用户id 是
4 examquestion_id Integer 试题id(外键) 是
5 examredetails_myanswer String 用户选项 是
6 create_time Date 创建时间 是
表4.6新闻资讯表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 news_name String 新闻资讯名称 是
3 news_types Integer 新闻类型 是
4 news_photo String 新闻资讯图片 是
5 insert_time Date 新闻资讯时间 是
6 news_content String 新闻资讯详情 是
7 create_time Date 创建时间 是
表4.7用户表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 yonghu_name String 用户姓名 是
3 yonghu_id_number String 身份证号 是
4 yonghu_phone String 手机号 是
5 yonghu_photo String 照片 是
6 create_time Date 创建时间 是
表4.8用户表表
序号 列名 数据类型 说明 允许空
1 Id Int id 否
2 username String 用户名 是
3 password String 密码 是
4 role String 角色 是
5 addtime Date 新增时间 是

第2章 系统实现

5.1 管理员功能模块的实现
5.1.1 问卷列表
如图5.1显示的就是问卷列表页面,此页面提供给管理员的功能有:查看问卷、新增问卷、修改问卷、删除问卷等。
在这里插入图片描述

图5.1 问卷列表页面
5.1.2 新闻资讯信息管理
管理员可以对前台的注册用户的基本信息进行管理,可以设置注册用户的账号为冻结或者是在用状态,管理员也能选择很多个已经失效的注册用户的信息进行批量删除操作。注册用户管理界面如图5.2所示。
在这里插入图片描述

图5.2 新闻资讯信息管理页面
5.1.3 新闻资讯类型管理
新闻资讯类型管理页面显示所有新闻资讯类型,在此页面既可以让管理员添加新的新闻资讯信息类型,也能对已有的新闻资讯类型信息执行编辑更新,失效的新闻资讯类型信息也能让管理员快速删除。下图就是新闻资讯类型管理页面。新闻资讯类型管理界面如图5.3所示。
在这里插入图片描述

图5.3新闻资讯类型管理界面

转载请注明出处或者链接地址:https://www.qianduange.cn//article/14990.html
标签
评论
发布的文章

前端-axios应用在html文件

2024-08-15 23:08:39

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!