JAVA毕业设计099—基于Java+Springboot+Vue的在线智慧教育考试系统(源码+数据库)

基于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、学生端页面

2、管理员页面

3、学生小程序app页面

五、浏览地址

• 前台访问路径：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 -- 实体类模块