基于Java+Springboot+Vue的在线智慧教育考试系统(源码+数据库)099
一、系统介绍
本系统前后端分离
本系统分为管理员、用户两种角色(角色权限可自行分配)
学生系统功能
| 模块 | 介绍 |
|---|---|
| 登录 | 用户名、密码 |
| 试题 | 题干支持文本、图片、数学公式、表格等 |
| 考试 | 主观题支持答题板作答之后保存文件上传到服务器 |
| 考试记录 | 查看答卷记录和试卷信息 |
| 错题本 | 答错题目会自动进入错题本，显示题目基本信息 |
| 视频学习 | 支持在线学习录播视频 |
| 个人信息 | 显示学生个人资料 |
| 更新信息 | 修改个人资料、头像 |
| 消息中心 | 用于接收管理员发送的消息 |
管理系统功能
| 模块 | 介绍 |
|---|---|
| 登录 | 用户名、密码 |
| 主页 | 试卷总数、题目总数、用户活跃度、题目月数量 |
| 学生列表 | 显示系统所有的学生，新增、修改、删除、禁用 |
| 管理员列表 | 显示系统所有的管理员，新增、修改、删除、禁用 |
| 科目列表 | 学科查询、修改、删除 |
| 试卷列表 | 试卷查询、修改、删除、设置 |
| 课程管理 | 支持课程视频上传 |
| 考试管理 | 考试列表、考试分析 |
| 题目列表 | 题目查询、修改、删除 |
| 题目创建 | 题目支持单选题、多选题、判断题、填空题、简答题，题干支持文本、图片、表格、数学公式 |
| 用户日志 | 显示所有用户日志 |
| 个人资料 | 显示管理员用户名、真实姓名 |
| 修改资料 | 修改姓名、手机号 |
小程序功能
| 模块 | 介绍 |
|---|---|
| 登录 | 用户登录登出功能 |
| 考试 | 题干支持文本、图片、数学公式、表格等 |
| 视频课堂 | 支持在线学习录播课程 |
| 考试记录 | 查看答卷记录和试卷信息 |
| 个人信息 | 显示学生个人资料 |
| 更新信息 | 修改个人资料、头像 |
| 消息中心 | 用于接收管理员发送的消息 |
二、所用技术
后端技术栈：
- Springboot
- SpringMvc
- mybatisPlus
- mysql
- redis
- shiro
- rabbitmq
- sharding-jdbc
前端技术栈：
- Vue
- Vuex
- Vxe-Table
- Element-UI
- vue-router
- axios
三、环境介绍
基础环境 :IDEA/eclipse, JDK 1.8, Mysql5.7及以上, Node.js(14.21), Maven3.6, Vscode, hbuilder, 微信开发者工具, rabbit3.9, redis5.0
所有项目以及源代码本人均调试运行无问题 可支持远程调试运行
四、页面截图
1、学生端页面
2、管理员页面
3、学生小程序app页面
五、浏览地址
- 前台访问路径：http://localhost:8080/#/login
student/123456 - 后台访问路径：http://localhost:8001/#/login
admin/123456
六、安装教程
-
使用Navicat或者其它工具，在mysql中创建对应名称的数据库，并执行项目的sql
-
使用IDEA/Eclipse导入wisdom-education项目，导入时，若为maven项目请选择maven; 等待依赖下载完成
-
修改education-api目录下面application-dev.yml里面的数据库配置,腾讯oss文件上传配置,redis配置,rabbitmq配置
和src/main/resources/oss-config-dev.json里面的路径前缀 -
com/education/api/EducationApiApplication.java启动后端项目
-
vscode或idea打开wisdom-education-front项目
-
修改config目录下面的dev.env.js里面的FILE_HOST(根据自己的腾讯oss存储配置)
-
在编译器中打开terminal，执行npm install 依赖下载完成后执行 npm run dev,执行成功后会显示前台访问地址
-
vscode或idea打开wisdom-education-admin-front项目
-
步骤参考6、7
-
先下载微信开发者工具app，然后注册一个微信小程序账号,
-
hbuilder打开gitlab-education-app项目, 修改store/modules/common.js里面的fileHost
再修改manifest.json里面的微信小程序配置AppId(从注册的微信小程序账号里面复制) -
hbuilder点击运行-运行到小程序模拟器-微信开发者工具，然后会打开微信开发者工具，小程序页面就展示出来了
七、模块说明
后端模块
- education
- ├── education-api -- 系统api模块
- └── education-common -- 系统公共模块
- └── education-business -- 系统业务模块
- └── education-canal -- mysql数据监听同步模块
- └── education-common-api -- 系统公共api模块
- ├── education-model -- 实体类模块
