8720-基于Spring Boot+Vue的課堂管理系統(tǒng)
基于Spring Boot+Vue的課堂管理系統(tǒng)
基于Spring Boot+Vue的課堂管理系統(tǒng)。前后端分離。包含教師授課管理、學(xué)生選退課、聊天室、簽到、筆記管理模塊等。
技術(shù)架構(gòu)
- spring Boot
- MyBatis
- Redis
- WebSocket
- VueCLI
- Axios
- Element UI
項(xiàng)目特點(diǎn)：
- 后臺(tái)使用MyBatis連接數(shù)據(jù)庫(kù)，編寫(xiě)后臺(tái)服務(wù)器的請(qǐng)求接口。
- 整合WebSocket技術(shù)，配置聊天端口，將消息信息封裝為對(duì)象，實(shí)現(xiàn)用戶發(fā)送信息實(shí)時(shí)轉(zhuǎn)發(fā)功能。
- 使用Redis緩存學(xué)生簽到記錄，學(xué)生端簽到更新緩存數(shù)據(jù)，并將數(shù)據(jù)實(shí)時(shí)發(fā)送至教師端。
- 前端使用Vue CLI創(chuàng)建運(yùn)行在Node服務(wù)器中，使用Element UI對(duì)界面進(jìn)行布局和設(shè)計(jì)。
- 使用Vue Router來(lái)配置路由，實(shí)現(xiàn)跳轉(zhuǎn)筆記詳情傳參，引入Mavon-Editor來(lái)實(shí)現(xiàn)使用MarkDown的語(yǔ)法來(lái)編輯筆記。
- 引入Axios并且配置代理服務(wù)器解決跨域請(qǐng)求問(wèn)題。
- 使用js-cookie來(lái)存儲(chǔ)用戶登錄狀態(tài)。
文件說(shuō)明
classroom-manager 為后端項(xiàng)目
classroom-manager-front 為前端項(xiàng)目
模塊說(shuō)明
1. 課程管理模塊：教師可以添加、編輯、刪除課程；學(xué)生可以選課、退課。
2. 聊天室：登錄的用戶進(jìn)入聊天室，可以查看在線用戶列表，實(shí)時(shí)進(jìn)行聊天。
3. 簽到：教師端可以選擇課程發(fā)起簽到生成一個(gè)簽到碼，學(xué)生端若選擇了此課程，輸入簽到碼后完成簽到，更新?tīng)顟B(tài)信息至教師端。
4. 筆記管理：用戶可瀏覽公開(kāi)的筆記，可MarkDown的語(yǔ)法添加和編輯筆記。
