基于 SpringBoot+Vue 的在线考试系统的研究与实现（附源码，教程）

谁借莪１个温暖的怀抱￠ 2023-09-30 23:52 18阅读 0赞

#### 文章目录 ####

*  第一章
 *  第二章.主要技术
 *  第三章
 *  第四章 系统设计
 *   *  4.1功能结构
     *  4.2 数据库设计
     *   *  4.2.1 数据库E/R图
         *  4.2.2 数据库表
 *  第五章 系统功能实现
 *   *  5.1系统登录注册
     *  5.2管理员功能模块

## 第一章 ##

在线考试的需求和管理上的不断提升，在线考试管理的潜力将无限扩大，在线考试系统在业界被广泛关注，本系统及对此进行总体分析，将在线考试信息管理的发展提供参考。在线考试系统对在线考试有着明显的带动效应，对管理帮助更大。

本系统主要包括管理员和用户两个角色组成；主要包括首页、个人中心、用户管理、教师管理、课程信息管理、班级信息管理、试题管理、在线试题管理、考试管理等功能的管理系统。

![image-20230421224127578][]

## 第二章.主要技术 ##

<table> 
 <thead> 
  <tr> 
   <th>技术名</th> 
   <th>作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Springboot</td> 
   <td>后端框架</td> 
  </tr> 
  <tr> 
   <td>Vue</td> 
   <td>前端框架</td> 
  </tr> 
  <tr> 
   <td>MySQL</td> 
   <td>数据库</td> 
  </tr> 
 </tbody> 
</table>

## 第三章 ##

考虑到实际生活中在在线考试管理方面的需要以及对该系统认真的分析，将系统权限按管理员和用户这两类涉及用户划分。

（1）管理员功能需求

管理员登陆后，主要模块包括首页、个人中心、用户管理、教师管理、课程信息管理、班级信息管理、试题管理、在线试题管理、考试管理等功能。管理员用例图如图3-1所示。

![image-20230421223833416][]

（2）用户功能需求

用户登陆后，主要模块包括首页、个人中心、课程信息管理、班级信息管理、考试管理等功能。用户用例图如图3-2所示。

![image-20230421223843917][]

## 第四章 系统设计 ##

### 4.1功能结构 ###

为了更好的去理清本系统整体思路，对该系统以结构图的形式表达出来，设计实现该在线考试系统的功能结构图如下所示：

![image-20230421223439921][]

### 4.2 数据库设计 ###

#### 4.2.1 数据库E/R图 ####

ER图是由实体及其关系构成的图，通过E/R图可以清楚地描述系统涉及到的实体之间的相互关系。在系统中对一些主要的几个关键实体如下图：

(1) 课程信息E/R图如下所示：

![image-20230421223621219][]

(2) 班级信息E/R图如下所示：

![image-20230421223652944][]

#### 4.2.2 数据库表 ####

数据库表的设计，如下表：

表4-1：课程信息

<table> 
 <thead> 
  <tr> 
   <th>字段名称</th> 
   <th>类型</th> 
   <th>长度</th> 
   <th>字段说明</th> 
   <th>主键</th> 
   <th>默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>id</td> 
   <td>bigint</td> 
   <td></td> 
   <td>主键</td> 
   <td>主键</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>addtime</td> 
   <td>timestamp</td> 
   <td></td> 
   <td>创建时间</td> 
   <td></td> 
   <td>CURRENT_TIMESTAMP</td> 
  </tr> 
  <tr> 
   <td>kechengbianhao</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>课程编号</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>kechengmingcheng</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>课程名称</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>kechengfenlei</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>课程分类</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>tupian</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>图片</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>kechengneirong</td> 
   <td>longtext</td> 
   <td>4294967295</td> 
   <td>课程内容</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>jiaoshigonghao</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>教师工号</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>jiaoshixingming</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>教师姓名</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>xueshengzhanghao</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>学生账号</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>xingming</td> 
   <td>varchar</td> 
   <td>200</td> 
   <td>姓名</td> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

表4-2：课程分类

## 第五章 系统功能实现 ##

### 5.1系统登录注册 ###

系统登录，管理员和用户进入系统前在登录页面根据要求填写用户名和密码，选择角色等信息，点击登录进行系统操作，如图5-1所示。

![image-20230421224100227][]

用户注册，在用户注册页面通过填写学号、密码、确认密码、姓名、院系、专业、手机等内容进行注册操作，如图5-2所示。

\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PwIgSF54-1682088151105)(/Users/junxu/Library/Application Support/typora-user-images/image-20230421224110114.png)\]

### 5.2管理员功能模块 ###

管理员登录系统后，可以对首页、个人中心、用户管理、教师管理、课程信息管理、班级信息管理、试题管理、在线试题管理、考试管理等功能进行相应的操作管理，如图5-3所示。

![image-20230421224119059][]

用户管理，在用户管理页面可以对索引、学号、姓名、性别、院系、专业、班级、手机等内容进行详情，修改或删除操作，如图5-4所示。

![image-20230421224127578][]

教师管理，在教师管理页面可以对索引、教师工号、教师姓名、性别、籍贯、出生日期、所教科目、职务、联系方式等信息进行详情，修改或删除操作，如图5-5所示。

![image-20230421224137312][]

课程信息管理，在课程信息管理页面可以对索引、课程名称、科目类型、班级、授课老师、开课时间、结课时间、课件等内容进行详情，修改或删除操作，如图5-6所示。

![image-20230421224145101][]

[image-20230421224127578]: https://img-blog.csdnimg.cn/img_convert/5c062860860c9b77c7dbd5e3c890fef7.png
[image-20230421223833416]: https://img-blog.csdnimg.cn/img_convert/5cde3ec8cf4dcba188201a5cc7174890.png
[image-20230421223843917]: https://img-blog.csdnimg.cn/img_convert/c134bd1ab16e04bd423a8f6fc39237fa.png
[image-20230421223439921]: https://img-blog.csdnimg.cn/img_convert/d459e5a564052b4908f296ebd64c30e8.png
[image-20230421223621219]: https://img-blog.csdnimg.cn/img_convert/167e706ac6a73470fbc281997371a853.png
[image-20230421223652944]: https://img-blog.csdnimg.cn/img_convert/567b4a23ea868311df21260ec65e9a54.png
[image-20230421224100227]: https://img-blog.csdnimg.cn/img_convert/f115c8ea81966abc7d18e1c74e04a7d5.png
[image-20230421224119059]: https://img-blog.csdnimg.cn/img_convert/3a08fd5c64c54b9ee3355eb39473d14f.png
[image-20230421224137312]: https://img-blog.csdnimg.cn/img_convert/e5f953211725b7e3182c5fed14625374.png
[image-20230421224145101]: https://img-blog.csdnimg.cn/img_convert/2566c5b251d2f4153a971396038df8fa.png