项目介绍
本期给大家介绍一个 基于 SpringBoot 和 Vue 的前后端分离系统,代码写的很规范,具有学习和参考意义。
一 业务介绍
考试系统顾名思义,有出题方,有做题方。本系统也是如此,把出题方角色叫做老师,做题放角色叫做学生。不同账号可授予不同的角色。
本系统分为以下几个模块:
1.考试卡片
考试卡片可以理解为是一份试卷,里面是一些试题的集合,当我们以 学生身份登录时,可以看到考试卡片和我的考试
随便点击一个考试卡片,即可开始答题
答题完毕,可以点击 交卷,即可跳转到我的考试页面
2.问题管理
3.考试管理
4.我的考试
二 技术介绍
1.技术栈
- 后端: SpringBoo2.x +JPA
- 数据库 : MYSQL5.x OR MYSQL8.x,
- 前端: VUE + ElementUI
2.代码介绍
- 项目结构
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 文件夹下
- Step4: 启动后端项目
至此,候选项目部署完成。
4. 前端部署
打开终端,进入 前端项目目录:
image.png
- Step1: 安装npm依赖
终端进入该目录后,安装npm 依赖: npm install
- Step2: 启动前端项目
如果遇到报错: Error: error:0308010C:digital envelope routines::unsupported
点击任何一个连接,即可跳转浏览器打开.
image.png
登录:
- 学生: student admin123
- 老师: teacher admin123