0
点赞
收藏
分享

微信扫一扫

ITSource 分享 第2期【在线考试系统】


项目介绍

本期给大家介绍一个 基于 SpringBoot 和 Vue 的前后端分离系统,代码写的很规范,具有学习和参考意义。

一 业务介绍

考试系统顾名思义,有出题方,有做题方。本系统也是如此,把出题方角色叫做老师,做题放角色叫做学生。不同账号可授予不同的角色。

本系统分为以下几个模块:

1.考试卡片

考试卡片可以理解为是一份试卷,里面是一些试题的集合,当我们以 学生身份登录时,可以看到考试卡片和我的考试

ITSource 分享 第2期【在线考试系统】_创建数据库

随便点击一个考试卡片,即可开始答题

ITSource 分享 第2期【在线考试系统】_数据库_02

答题完毕,可以点击 交卷,即可跳转到我的考试页面

ITSource 分享 第2期【在线考试系统】_初始化_03

2.问题管理

3.考试管理

4.我的考试

二 技术介绍

1.技术栈

  • 后端: SpringBoo2.x +JPA
  • 数据库 : MYSQL5.x OR MYSQL8.x,
  • 前端: VUE + ElementUI

2.代码介绍

  • 项目结构

ITSource 分享 第2期【在线考试系统】_创建数据库_18

image.png

三 Quick Start

1. 环境准备

  • MYSQL 5.7
  • JDK1.8
  • Maven 3
  • IDEA
  • Node 16+

以上环境需要准备好, 在自己的本地搭建好,方可进行下面步骤

2. 下载源码

  • Github:

https://github.com/panji-tech/spring-boot-online-exam

  • 百度云:

链接: https://pan.baidu.com/s/1RiVFa5qt-wLa3MW2lnYrlw?pwd=5ya8 提取码: 5ya8

  • 蓝奏云:

https://itguang.lanzoub.com/b02x6t03e 密码: 6fjx

3. 后端部署

  • Step1: 下载源码
  • Step2: IDEA 打开项目
  • Step3: 安装 Maven 依赖
  • Step4: 配置检查
  • 数据库配置: 数据库初始化语句: doc 文件夹下
  • ITSource 分享 第2期【在线考试系统】_后端_19

  • Step4: 启动后端项目

至此,候选项目部署完成。

4. 前端部署

打开终端,进入 前端项目目录:

ITSource 分享 第2期【在线考试系统】_数据库_23

image.png

  • Step1: 安装npm依赖

终端进入该目录后,安装npm 依赖: npm install

  • Step2: 启动前端项目

如果遇到报错: Error: error:0308010C:digital envelope routines::unsupported

点击任何一个连接,即可跳转浏览器打开.

ITSource 分享 第2期【在线考试系统】_后端_25

image.png

登录:

  • 学生: student admin123
  • 老师: teacher admin123



ITSource 分享 第2期【在线考试系统】_初始化_26

举报

相关推荐

0 条评论