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

**Repository Path**: mosesom/classroom-manager

## Basic Information

- **Project Name**: 基于Spring Boot+Vue的课堂管理系统
- **Description**: 基于Spring Boot+Vue的课堂管理系统。前后端分离。包含教师授课管理、学生选退课、聊天室、签到、笔记管理模块等。
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 6
- **Created**: 2023-08-04
- **Last Updated**: 2023-08-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于Spring Boot+Vue的课堂管理系统
#### 关于我
一个爱学习、爱分享、爱交流的程序员；

欢迎关注个人微信公众号【Java烂笔头】，微信小程序【Java烂笔头】，一起交流、共同进步；

不定时更新开源程序，不定时在线答疑。

#### 声明
开源项目尽可能完善，不保证没有一点问题，自行下载，合适即用，切勿道德绑架。

毕业设计、课程设计(代码、论文、讲解)等问题  **有偿**  指导（因人力、精力有限，望理解），小助手微信：  **zzzzzJ99999**  ；

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

#### 技术架构
-    pring 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服务。
3. 启动前端项目, 再前端项目文件夹输入 npm run serve
4. 浏览器输入http://localhost:8081/
5.账号密码见数据库用户表


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


#### 实现效果
主页
![输入图片说明](imgs/index.png)
![输入图片说明](imgs/%E9%80%89%E8%AF%BE.png)
![输入图片说明](imgs/%E6%B7%BB%E5%8A%A0%E8%AF%BE%E7%A8%8B.png)
![输入图片说明](imgs/chatroom.png)
![输入图片说明](imgs/signin.png)
![输入图片说明](imgs/signed.png)
![输入图片说明](imgs/editnote.png)

#### 项目说明
项目参考 https://gitee.com/ty-z/classroom-manager.git ，可参考原项目一起学习。


感谢开源！侵删！