8720-基于Spring Boot+Vue的課堂管理系統
基于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. 課程管理模塊：教師可以添加、編輯、刪除課程；學生可以選課、退課。
2. 聊天室：登錄的用戶進入聊天室，可以查看在線用戶列表，實時進行聊天。
3. 簽到：教師端可以選擇課程發起簽到生成一個簽到碼，學生端若選擇了此課程，輸入簽到碼后完成簽到，更新狀態信息至教師端。
4. 筆記管理：用戶可瀏覽公開的筆記，可MarkDown的語法添加和編輯筆記。
