基于JAVA+SpringBoot+Vue的信息技术知识竞赛系统

选题动因

当前的网络技术，软件技术等都具备成熟的理论基础，市场上也出现各种技术开发的软件，这些软件都被用于各个领域，包括生活和工作的领域。随着电脑和笔记本的广泛运用，以及各种计算机硬件的完善和升级，市面上的电脑和笔记本的性能都得到提升，可以支持的软件也逐渐增多，因此，在计算机上安装软件来发挥其高效地信息处理的作用，则很受人们的青睐。对于信息技术知识赛系统信息来讲，通过手工形式处理，在面对庞大的信息数量时，就显得不适宜了，首先需要花费的时间比较多，其次数据出错率比较高，而且对错误的数据进行更改也比较困难，最后，检索数据费事费力。因此，为了解决上述问题，有必要建立信息技术知识赛系统，来规范信息技术知识赛系统信息管理流程，让管理工作可以系统化和程序化，同时，信息技术知识赛系统的有效运用可以帮助管理人员准确快速地处理信息。

目的和意义

信息技术知识赛系统可以对信息技术知识赛系统信息进行集中管理，可以真正避免传统管理的缺陷。信息技术知识赛系统是一款运用软件开发技术设计实现的应用系统，在信息处理上可以达到快速的目的，不管是针对数据添加，数据维护和统计，以及数据查询等处理要求，信息技术知识赛系统都可以轻松应对。所以，信息技术知识赛系统的运用是让信息技术知识赛系统信息管理升级的最好方式。它可以实现信息处理的便利化要求，还可以规范信息处理的流程，让事务处理成为管理人员手中的一件简单事，而不是之前手工处理时的困难事。尽管信息技术知识赛系统具备较完善的功能，但是也需要管理人员利用闲暇时间提升自身素质以及个人能力，在操作信息技术知识赛系统时可以最大化运用信息技术知识赛系统提供的功能，让系统在满足高效率处理数据的同时，也能始终稳定运行，还可以确保数据的可靠性与数据处理的质量。

系统流程分析

本系统在处理数据时，其内部的操作逻辑也需要使用相应的工具进行展示。

在本系统的数据录入页面，对于操作者提供的每条数据都有相应的检验规则，比如数据信息不能有非法字符，或者本来应该是汉字的数据，不能用字母代替，还有对数据内容的长度等进行规范，这样的可以确保数据准确性的检验规则，在编码时，就提前编写好了。数据添加的流程见下图。如果数据已经保存进入数据库，则说明操作者提供的数据内容和格式都是符合要求的。

图3.1 添加信息流程图

很多时候，面对系统中的大量数据，难免会发现一些错误，因此需要及时纠正错误，本系统也提供数据后期的修改功能，其流程见下图。但是更新的数据也需要通过数据有效性检验。能够最终写入数据库则说明修改的数据是符合要求的。

图3.2 修改信息流程图

面对数据库里面大量数据，在系统的前台，要想快速获取需要的信息，就需要使用查询功能。其流程见下图。该功能需要操作者提前输入关键词，当系统的后台数据库保存了与关键词匹配的数据时，就会及时显示出来，整个过程耗时很短。

图3.3 查询信息流程图

功能结构设计

为了让系统的编码可以顺利进行，特意对本系统功能进行细分设计，设计的系统功能结构见下图。

图4.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 赛事信息实体属性图

（9）下图是测试记录表实体和其具备的属性。

图4.9 测试记录表实体属性图

（10）下图是在线学习实体和其具备的属性。

图4.10 在线学习实体属性图

（11）下图是测卷表实体和其具备的属性。

图4.11 测卷表实体属性图

（12）下图是试题表实体和其具备的属性。

图4.12 试题表实体属性图

（13）下图是用户表实体和其具备的属性。

图4.13 用户表实体属性图

作为程序后台的支持，本数据库也需要设计数据存储的结构。而数据存储结构的设计就包括了数据表结构的设计和创建。数据表结构包括了字段，数据类型，还有字段的取值范围等信息。而E-R模型中的实体就是一张表，实体的特征就可以作为该表中的字段，根据本程序信息存储要求，设计每个字段需要的类型，还有该字段的取值范围等。每当设计完成一张数据表，就需要及时保存在数据库里面，并对该设计的数据表准确命名，要求设置的数据表的名称尽量不要是中文，而且要方便记忆。因为在程序编码阶段，通过SQL语句可以把程序里面的数据写入在各个数据表里面，而这个环节需要使用到数据表的名称。如果数据表名称是中文的话，可能会乱码并影响程序运行。下面就以表格形式展示设计的结果。

表4.1在线学习表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

chongwuxihu_name

String

标题

是

3

chongwuxihu_photo

String

封面

是

4

chongwuxihu_video

String

学习视频

是

5

chongwuxihu_types

Integer

视频类型

是

6

chongwuxihu_content

String

详情内容

是

7

insert_time

Date

发布日期

是

8

create_time

Date

创建时间

是

表4.2字典表表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

dic_code

String

字段

是

3

dic_name

String

字段名

是

4

code_index

Integer

编码

是

5

index_name

String

编码名字

是

6

super_id

Integer

父字段id

是

7

beizhu

String

备注

是

8

create_time

Date

创建时间

是

表4.3试卷表表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

exampaper_name

String

试卷名称

是

3

exampaper_date

Integer

考试时长(分钟)

是

4

exampaper_myscore

Integer

试卷总分数

是

5

exampaper_types

Integer

试卷状态

是

6

exampaper_delete

Integer

逻辑删除（0代表未删除 1代表已删除）

是

7

create_time

Date

创建时间

是

表4.4试题表表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

exampaper_id

Integer

所属试卷id（外键）

是

3

examquestion_name

String

试题名称

是

4

examquestion_options

String

选项，json字符串

是

5

examquestion_score

Integer

分值

是

6

examquestion_answer

String

正确答案

是

7

examquestion_analysis

String

答案解析

是

8

examquestion_types

Integer

试题类型

是

9

examquestion_sequence

Integer

试题排序，值越大排越前面

是

10

create_time

Date

创建时间

是

表4.5考试记录表表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

examrecord_uuid_number

String

考试编号

是

3

yonghu_id

Integer

考试用户

是

4

exampaper_id

Integer

所属试卷id（外键）

是

5

total_score

Integer

所得总分

是

6

insert_time

Date

考试时间

是

7

create_time

Date

创建时间

是

表4.6答题详情表表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

examredetails_uuid_number

String

试卷编号

是

3

yonghu_id

Integer

用户id

是

4

examquestion_id

Integer

试题id（外键）

是

5

examredetails_myanswer

String

考生答案

是

6

examredetails_myscore

Integer

试题得分

是

7

create_time

Date

创建时间

是

表4.7错题表表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yonghu_id

Integer

用户id

是

3

exampaper_id

Integer

试卷（外键）

是

4

examquestion_id

Integer

试题id（外键）

是

5

examredetails_myanswer

String

考生作答

是

6

insert_time

Date

记录时间

是

7

create_time

Date

创建时间

是

表4.8赛事论坛表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

forum_name

String

帖子标题

是

3

yonghu_id

Integer

用户

是

4

users_id

Integer

管理员

是

5

forum_content

String

发布内容

是

6

super_ids

Integer

父id

是

7

forum_state_types

Integer

帖子状态

是

8

insert_time

Date

发帖时间

是

9

update_time

Date

修改时间

是

10

create_time

Date

创建时间

是

表4.9公告信息表

序号

列名

数据类型

说明

允许空

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.10赛事信息表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

shaishi_name

String

赛事标题

是

3

shaishi_photo

String

赛事图片

是

4

shaishi_types

Integer

赛事类型

是

5

shaishi_content

String

详情内容

是

6

insert_time

Date

发布日期

是

7

create_time

Date

创建时间

是

表4.11赛事报名信息表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

shaishi_id

Integer

赛事

是

3

yonghu_id

Integer

赛事

是

4

shaishibaoming_yesno_types

Integer

报名审核

是

5

shaishibaoming_yesno_text

String

审核结果

是

6

insert_time

Date

报名日期

是

7

create_time

Date

创建时间

是

表4.12用户表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yonghu_name

String

用户姓名

是

3

yonghu_photo

String

头像

是

4

yonghu_phone

String

手机号

是

5

yonghu_email

String

电子邮箱

是

6

yonghu_delete

Integer

假删

是

7

create_time

Date

创建时间

是

表4.13用户表表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

username

String

用户名

是

3

password

String

密码

是

4

role

String

角色

是

5

addtime

Date

新增时间

是

系统实现

用户信息管理

如图5.1显示的就是用户信息管理页面，此页面提供给管理员的功能有：用户信息的查询管理，可以删除用户信息、修改用户信息、新增用户信息，

还进行了对用户名称的模糊查询的条件

图5.1 用户信息管理页面

学习视频管理

如图5.2显示的就是学习视频管理页面，此页面提供给管理员的功能有：查看已发布的学习视频数据，修改学习视频，学习视频作废，即可删除，还进行了对学习视频名称的模糊查询 学习视频信息的类型查询等等一些条件。

公告类型管理

如图5.3显示的就是公告类型管理页面，此页面提供给管理员的功能有：根据公告类型进行条件查询，还可以对公告类型进行新增、修改、查询操作等等。

公告信息管理

如图5.4显示的就是公告信息管理页面，此页面提供给管理员的功能有：根据公告信息进行新增、修改、查询操作等等。