# examOnline-graduation-project

**Repository Path**: hehuang0724/examOnline-graduation-project

## Basic Information

- **Project Name**: examOnline-graduation-project
- **Description**: My graduation design of online examination system
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-08-16
- **Last Updated**: 2022-02-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 在线考试系统

## 系统介绍

该项目是一个前后端分离，基于 RESTFUL 风格接口的项目。后台使用 SpringBoot，前端使用 VUE 和 Element-UI 组件库配合完成开发。
该项目使用mysql数据库，采用JPA风格，是一个很基础前后端分离到项目。

## 项目启动

### 一、mysql数据库准备

#### 1.1 本地安装mysql数据库

mysql安装的大版本最好是5版本。本人安装的是5.7.27

如果是8以上的版本，可能会存在数据类型的转换问题。为了避免麻烦问题，建议安装5版本

#### 1.2 创建数据库

启用数据库服务并登录数据库后执行以下命令创建数据库

```mysql
create database exam;
```

#### 1.3 生成数据库数据

执行 sql文件夹下的exam.sql文件

```mysql
source ***/exam.sql;  # sql文件所在的目录
```

### 二、Node安装

本地环境安装Nodejs，[Node官网](https://nodejs.org/zh-cn/)

### 三、 springboot启动

#### 修改配置文件

使用 IntelliJ IDEA 打开项目的SpringBoot 文件夹，并等待依赖的安装。依赖安装完成后修改`SpringBoot\src\main\resources`目录下的 application.yml文件

![image-20210311163955177](README.assets/image-20210311163955177.png)

修改完成后直接运行 `src/main/java/com/exam/`下的**ExamsystemApplication.java**文件即可启动项目

### 四、vue启动

#### 使用VScode打开项目的vue文件夹

打开终端安装依赖

```sh
npm install --save
```

依赖安装完成后，运行项目

```shell
npm run serve
```
需要部署的时候，打包项目

```shell
npm run build
```



## 运行效果截图

### 学生端

#### 1 首页

![image-20210311164348916](README.assets/image-20210311164348916.png)

#### 2 答题页

![image-20210311164430280](README.assets/image-20210311164430280.png)

#### 3 我的成绩

![image-20210311164455422](README.assets/image-20210311164455422.png)

### 教师或管理员端

#### 1 首页

![image-20210311164534046](README.assets/image-20210311164534046.png)

#### 2 查看学生成绩分布页

![image-20210311164604654](README.assets/image-20210311164604654.png)



#### 3 学生管理页

![image-20210311164643833](README.assets/image-20210311164643833.png)