README.md · 苦咖啡不甜/在线智慧教育考试系统

## 基于Java+Springboot+Vue的在线智慧教育考试系统(源码+数据库)099

## 一、系统介绍
本系统前后端分离带uniapp小程序

本系统分为管理员、用户两种角色(角色权限可自行分配)

### 学生系统功能

|  模块   | 介绍  |
|  ----  | ----  |
| 登录  | 用户名、密码  |  
| 试题  | 题干支持文本、图片、数学公式、表格等|  
| 考试  | 主观题支持答题板作答之后保存文件上传到服务器  |  
| 考试记录  | 查看答卷记录和试卷信息  |  
| 错题本  | 答错题目会自动进入错题本，显示题目基本信息  |  
| 视频学习  | 支持在线学习录播视频 |  
| 个人信息  | 显示学生个人资料  |  
| 更新信息  | 修改个人资料、头像  |
| 消息中心  | 用于接收管理员发送的消息  |

### 管理系统功能

|  模块   | 介绍  |
|  ----  | ----  |
| 登录  | 用户名、密码  |  
| 主页  | 试卷总数、题目总数、用户活跃度、题目月数量  |  
| 学生列表  | 显示系统所有的学生，新增、修改、删除、禁用  |  
| 管理员列表  | 显示系统所有的管理员，新增、修改、删除、禁用  |  
| 科目列表  | 学科查询、修改、删除  |   
| 试卷列表  | 试卷查询、修改、删除、设置  |  
| 课程管理| 支持课程视频上传  | 
| 考试管理| 考试列表、考试分析  |  
| 题目列表  | 题目查询、修改、删除  |  
| 题目创建  | 题目支持单选题、多选题、判断题、填空题、简答题，题干支持文本、图片、表格、数学公式  |  
| 用户日志  | 显示所有用户日志  |  
| 个人资料  | 显示管理员用户名、真实姓名  |   
| 修改资料  | 修改姓名、手机号  |

### 小程序功能

|  模块   | 介绍  |
|  ----  | ----  |
| 登录  | 用户登录登出功能  |  
| 考试  | 题干支持文本、图片、数学公式、表格等 |   
| 视频课堂| 支持在线学习录播课程 |   
| 考试记录  | 查看答卷记录和试卷信息  |   
| 个人信息  | 显示学生个人资料  |  
| 更新信息  | 修改个人资料、头像  |   
| 消息中心  | 用于接收管理员发送的消息  |

## 二、所用技术
后端技术栈：
- Springboot
- SpringMvc
- mybatisPlus
- mysql
- redis
- shiro
- rabbitmq
- sharding-jdbc

前端技术栈：
- Vue
- Vuex
- Vxe-Table
- Element-UI
- vue-router
- axios
- uniapp
- 微信小程序

## 三、环境介绍
基础环境 :IDEA/eclipse, JDK 1.8, Mysql5.7及以上, Node.js(12.9), Maven3.6, Vscode, hbuilder, 微信开发者工具, rabbit3.9, redis5.0

所有项目以及源代码本人均调试运行无问题 可支持远程调试运行

## 四、页面截图
### 1、学生端页面
![contents](./picture/picture1.png)
![contents](./picture/picture2.png)
![contents](./picture/picture3.png)
![contents](./picture/picture4.png)
![contents](./picture/picture5.png)
![contents](./picture/picture6.png)
![contents](./picture/picture7.png)
![contents](./picture/picture8.png)
![contents](./picture/picture9.png)
![contents](./picture/picture10.png)
![contents](./picture/picture11.png)

### 2、管理员页面
![contents](./picture/picture12.png)
![contents](./picture/picture13.png)
![contents](./picture/picture14.png)
![contents](./picture/picture15.png)
![contents](./picture/picture16.png)
![contents](./picture/picture17.png)
![contents](./picture/picture18.png)
![contents](./picture/picture19.png)
![contents](./picture/picture20.png)
![contents](./picture/picture21.png)
![contents](./picture/picture22.png)
![contents](./picture/picture23.png)
![contents](./picture/picture24.png)
![contents](./picture/picture25.png)
![contents](./picture/picture26.png)
![contents](./picture/picture27.png)
![contents](./picture/picture28.png)
![contents](./picture/picture29.png)
![contents](./picture/picture30.png)
![contents](./picture/picture31.png)
![contents](./picture/picture32.png)
![contents](./picture/picture33.png)
![contents](./picture/picture34.png)

### 3、学生小程序app页面
![contents](./picture/picture35.png)
![contents](./picture/picture36.png)
![contents](./picture/picture37.png)
![contents](./picture/picture38.png)
![contents](./picture/picture39.png)
![contents](./picture/picture40.png)
![contents](./picture/picture41.png)
![contents](./picture/picture42.png)
![contents](./picture/picture43.png)
![contents](./picture/picture44.png)
![contents](./picture/picture45.png)
![contents](./picture/picture46.png)
![contents](./picture/picture47.png)

## 五、浏览地址
- 前台访问路径：http://localhost:8080/#/login
  student/123456 
- 后台访问路径：http://localhost:8001/#/login
  admin/123456

## 六、安装教程

1. 使用Navicat或者其它工具，在mysql中创建对应名称的数据库，并执行项目的sql

2. 使用IDEA/Eclipse导入wisdom-education项目，导入时，若为maven项目请选择maven; 等待依赖下载完成

3. 修改education-api目录下面application-dev.yml里面的数据库配置,腾讯oss文件上传配置,redis配置,rabbitmq配置
   和src/main/resources/oss-config-dev.json里面的路径前缀

4. com/education/api/EducationApiApplication.java启动后端项目

5. vscode或idea打开wisdom-education-front项目

6. 修改config目录下面的dev.env.js里面的FILE_HOST(根据自己的腾讯oss存储配置)

7. 在编译器中打开terminal，执行npm install 依赖下载完成后执行 npm run dev,执行成功后会显示前台访问地址
   
8. vscode或idea打开wisdom-education-admin-front项目

9. 步骤参考6、7

10. 先下载微信开发者工具app，然后注册一个微信小程序账号,

11. hbuilder打开gitlab-education-app项目, 修改store/modules/common.js里面的fileHost
再修改manifest.json里面的微信小程序配置AppId(从注册的微信小程序账号里面复制)

12. hbuilder点击运行-运行到小程序模拟器-微信开发者工具，然后会打开微信开发者工具，小程序页面就展示出来了

##  七、模块说明
后端模块
```
- education
- ├── education-api -- 系统api模块
- └── education-common -- 系统公共模块 
- └── education-business -- 系统业务模块
- └── education-canal -- mysql数据监听同步模块
- └── education-common-api -- 系统公共api模块
- ├── education-model -- 实体类模块	
```

苦咖啡不甜/在线智慧教育考试系统

简介

发行版

贡献者

近期动态

苦咖啡不甜/在线智慧教育考试系统 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

苦咖啡不甜/在线智慧教育考试系统