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

这是一个基于SpringBoot和Vue的课堂管理系统,包括教师管理、学生选课、实时聊天、签到和笔记等功能。利用MyBatis处理数据库,WebSocket实现聊天实时传输,Redis用于签到缓存,VueCLI构建前端,ElementUI设计界面,VueRouter和Mavon-Editor分别处理路由和Markdown笔记编辑。同时,项目采用Axios处理跨域请求,js-cookie存储用户登录状态。
摘要由CSDN通过智能技术生成

介绍

基于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.账号密码见数据库用户表

模块说明

  1. 课程管理模块:教师可以添加、编辑、删除课程;学生可以选课、退课。
  2. 聊天室:登录的用户进入聊天室,可以查看在线用户列表,实时进行聊天。
  3. 签到:教师端可以选择课程发起签到生成一个签到码,学生端若选择了此课程,输入签到码后完成签到,更新状态信息至教师端。
  4. 笔记管理:用户可浏览公开的笔记,可MarkDown的语法添加和编辑笔记。

实现效果

主页 

 

      

 

 

 

 

 

 

      

源码下载地址获取

关注并私信“课堂”,免费获取源码!

声明

  1. 项目基于开源项目升级,仅用于学习研究;

  2. 感谢开源,侵删。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值