基于JAVA+SpringBoot+Vue的在线远程考试系统

研究背景

互联网概念的产生到如今的蓬勃发展，用了短短的几十年时间就风靡全球，使得全球各个行业都进行了互联网的改造升级，标志着互联网浪潮的来临。在这个新的时代，各行各业都充分考虑互联网是否能与本行业进行结合，是否能解决本行业或者本行业中某些方面的自古以来的痛点。长期以来，数据内容，数据传播，数据储存等都是一门门专业的内容，因为需要记住的内容很多，造成古人的言简意赅，如今互联网的到来让数据更加的清晰好认不复杂，一目了然不出错，毕竟在整个历史上数据的丢失，传承的断代，都是因为数据不能好好的保存，不能好好的流传。当年的年代用互联网思维和互联网技术，对大量数据的录入更新，存储汇总，备份分析方面，使得远远的超过传统的数据管理技术。在这样的时代潮流下，采用新技术开发新软件，对传统行业进行革命性的改造成为了当今的主流。本次开发在线远程考试系统，解决了试卷信息管理关于数据方面的管理分析，存储传输的痛点，不仅仅对管理员提供了便利，还能提高用户的满意度。

目的和意义

此次在线远程考试系统的开发，需要用到的知识不仅涉及到界面设计与功能设计方面的知识，还需要涉及到数据库与编程语言上面的知识，这些知识点对于一个即将毕业的学生来说，一是为了巩固在校所学相关专业知识；二是为了让学生学会如何将专业理论知识运用于现实软件的开发过程；三是让学生明白知识是无穷无尽的，要时刻明白活到老学到老的真正含义，让学生要养成时刻学习的习惯，同时也要相信通过此次程序的开发，会让学生对于专业知识的理解与软件开发水平的提高有着极大的帮助。

系统流程分析

分析程序的流程，涉及到程序的整体操作流程，通过分析与设计，绘制的程序操作流程图见下图。此程序为了确保安全，会让使用者通过登录模块验证信息，符合要求的使用者才有权限操作程序。

图3.1 程序操作流程图

程序处理数据会涉及到数据的录入环节，绘制的添加流程见下图。程序录入数据过程中，始终与数据库保持同步。

图3.2 信息添加流程图

程序里面的数据也会出现错误，因此就有相应的修改数据的功能，绘制的程序修改流程见下图。此过程也是跟后台数据库进行数据同步显示。

图3.3信息修改流程图

程序数据存放于数据仓库，有时也会涉及到数据删除，此过程对应的流程图见下图。数据信息被删除之后，数据库里面也就没有了该数据信息了。

图3.4 信息删除流程图

系统结构设计

在系统结构设计上，经综合考虑还是选择比C/S更省资金的B/S结构模式，现如今浏览器已经实现了普及，并在技术上逐渐完善和成熟，它在节约软件开发成本的基础上，还能实现原本用专业软件操作才能实现的强大功能。总之，B/S结构是当下全新的，认可度高的系统构造技术。系统结构设计图通过绘制，效果展示如下：

图4.1 系统结构设计图

4.3功能结构设计

在管理员功能模块确定下来的基础上，对管理员各个功能进行设计，确定管理员功能的详细模块。绘制的管理员功能结构见下图。

图4.2 管理员功能结构图

数据库设计

与功能结构设计一样，数据库设计也是程序开发不可避免的设计环节，数据库设计最主要的目的就是帮助运行程序存储相应的数据信息。数据库设计包含的内容有数据表结构的设计，也包含了数据库E-R图的设计。系统的各实体信息的实体属性图，以及总体E-R图如下所示。

图4.3 字典实体属性图

图4.4 试卷实体属性图

图4.5 试题实体属性图

图4.6 考试记录实体属性图

图4.7 答题详情实体属性图

图4.8 错题实体属性图

图4.9 公告实体属性图

图4.10 用户实体属性图

图4.11 老师实体属性图

图4.12 管理员实体属性图

图4.13 系统总体E-R图

在进行这部分设计之前，需要明白和掌握数据类型以及各个数据类型的长度范围等知识，因为在一张具体的数据表中，为了方便理解，这里就举个简单的例子。比如用户信息表，这个表格的字段就是用户这个实体具备的属性，这时就需要对字段进行数据类型，以及字段长度的设置，也要设置一个主键来作为用户信息表的唯一标识。这些都是数据库表结构设计需要完成的内容。根据在线远程考试系统的功能设计以及数据库设计要求，展示该系统的数据表结构。

表4.1字典表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

否

2

dic_code

String

字段

是

3

dic_name

String

字段名

是

4

code_index

Integer

编码

是

5

index_name

String

编码名字

是

6

super_id

Integer

父字段编号

是

7

beizhu

String

备注

是

8

create_time

Date

创建时间

是

表4.2试卷表表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

否

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.3试题表表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

否

2

exampaper_id

Integer

所属试卷编号（外键）

是

3

examquestion_name

String

试题名称

是

4

examquestion_options

String

选项

是

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.4考试记录表表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

否

2

examrecord_uuid_number

String

考试编号

是

3

yonghu_id

Integer

考试用户

是

4

exampaper_id

Integer

所属试卷编号（外键）

是

5

total_score

Integer

所得总分

是

6

insert_time

Date

考试时间

是

7

create_time

Date

创建时间

是

表4.5答题详情表表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

否

2

examredetails_uuid_number

String

试卷编号

是

3

yonghu_id

Integer

用户编号

是

4

examquestion_id

Integer

试题编号（外键）

是

5

examredetails_myanswer

String

考生答案

是

6

examredetails_myscore

Integer

试题得分

是

7

create_time

Date

创建时间

是

表4.6错题表表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

否

2

yonghu_id

Integer

用户编号

是

3

exampaper_id

Integer

试卷（外键）

是

4

examquestion_id

Integer

试题编号（外键）

是

5

examredetails_myanswer

String

考生作答

是

6

insert_time

Date

记录时间

是

7

create_time

Date

创建时间

是

表4.7公告表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

否

2

gonggao_name

String

公告名称

是

3

gonggao_photo

String

公告图片

是

4

gonggao_types

Integer

公告类型

是

5

insert_time

Date

公告发布时间

是

6

gonggao_content

String

公告详情

是

7

create_time

Date

创建时间

是

表4.8用户表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

否

2

yonghu_name

String

用户姓名

是

3

yonghu_phone

String

用户手机号

是

4

yonghu_id_number

String

用户身份证号

是

5

yonghu_photo

String

用户头像

是

6

yonghu_email

String

电子邮箱

是

7

create_time

Date

创建时间

是

表4.9老师表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

否

2

laoshi_name

String

老师姓名

是

3

laoshi_phone

String

老师手机号

是

4

laoshi_id_number

String

老师身份证号

是

5

laoshi_photo

String

老师头像

是

6

laoshi_email

String

电子邮箱

是

7

create_time

Date

创建时间

是

表4.10管理员表

序号

列名

数据类型

说明

允许空

1

id

Int

编号

否

2

username

String

用户名

是

3

password

String

密码

是

4

role

String

角色

是

5

addtime

Date

新增时间

是

管理员功能实现

试卷管理

此页面让管理员管理试卷的数据，试卷管理页面见下图。此页面主要实现试卷的增加、修改、删除、查看的功能。

图5-1 试卷管理页面

公告信息管理

公告信息管理页面提供的功能操作有：新增公告，修改公告，删除公告操作。下图就是公告信息管理页面。

图5.3 公告信息管理页面

公告类型管理

公告类型管理页面显示所有公告类型，在此页面既可以让管理员添加新的公告信息类型，也能对已有的公告类型信息执行编辑更新，失效的公告类型信息也能让管理员快速删除。下图就是公告类型管理页面。

图5.4 公告类型列表页面