基于Spring Boot+Vue的课堂管理系统

介绍

基于Spring Boot+Vue的课堂管理系统。前后端分离。包含教师授课管理、学生选退课、聊天室、签到、笔记管理模块等。

技术架构

• spring Boot
• MyBatis
• Redis
• WebSocket
• VueCLI
• Axios
• Element UI

项目特点：

- 后台使用MyBatis连接数据库，编写后台服务器的请求接口。
- 整合WebSocket技术，配置聊天端口，将消息信息封装为对象，实现用户发送信息实时转发功能。
- 使用Redis缓存学生签到记录，学生端签到更新缓存数据，并将数据实时发送至教师端。
- 前端使用Vue CLI创建运行在Node服务器中，使用Element UI对界面进行布局和设计。
- 使用Vue Router来配置路由，实现跳转笔记详情传参，引入Mavon-Editor来实现使用MarkDown的语法来编辑笔记。
- 引入Axios并且配置代理服务器解决跨域请求问题。
- 使用js-cookie来存储用户登录状态。

文件说明

classroom-manager 为后端项目  
classroom-manager-front 为前端项目

启动教程

1. 导入sql文件。sql/course_selection.sql
2. 启动后端项目。
3. 启动redis服务。
4. 启动前端项目, 再前端项目文件夹输入 npm run serve
5. 浏览器输入http://localhost:8081/ 5.账号密码见数据库用户表

模块说明