介绍
基于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 为前端项目
启动教程
- 导入sql文件。sql/course_selection.sql
- 启动后端项目。
- 启动redis服务。
- 启动前端项目, 再前端项目文件夹输入 npm run serve
- 浏览器输入http://localhost:8081/ 5.账号密码见数据库用户表
模块说明
- 课程管理模块：教师可以添加、编辑、删除课程；学生可以选课、退课。
- 聊天室：登录的用户进入聊天室，可以查看在线用户列表，实时进行聊天。
- 签到：教师端可以选择课程发起签到生成一个签到码，学生端若选择了此课程，输入签到码后完成签到，更新状态信息至教师端。
- 笔记管理：用户可浏览公开的笔记，可MarkDown的语法添加和编辑笔记。
实现效果
主页
源码下载地址获取
关注并私信“课堂”，免费获取源码！
声明
-
项目基于开源项目升级，仅用于学习研究；文章来源：https://www.toymoban.com/news/detail-466963.html -
感谢开源，侵删。文章来源地址https://www.toymoban.com/news/detail-466963.html
到了这里，关于基于Spring Boot+Vue的课堂管理系统的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
