即時(shí)聊天系統(tǒng)(vue3、element-plus、websocket)

爆肝，終于終于出來了，斷斷續(xù)續(xù)的寫了好久，今天終于搞完了。

基于 Vue3 + Element-plus + websocket 即時(shí)聊天系統(tǒng)。主要目的在于學(xué)習(xí)?vue3?+?Element-plus,功能還未很完善,目前只支持好友私聊,還未支持群聊,后續(xù)會(huì)?持續(xù)迭代更新

后端是基于?java?的?springboot?netty,目前?暫未開源。后期完善之后?會(huì)開源后端代碼。
目前暫時(shí)不提供后端代碼，若有需要可翻到底部?添加微信/QQ?索取后端代碼。

項(xiàng)目結(jié)構(gòu)

vue3-src
├─api 接口模塊
│
├─assets 靜態(tài)資源模塊
│  ├─icon svg圖標(biāo)
│  ├─images 圖片
│  └─sass 樣式
│ 
├─components 組件模塊
│ 
├─router 動(dòng)態(tài)
│ 
├─store vuex
│  ├─modules
│  │  ├─conversation 會(huì)話模塊
│  │  ├─friend 好友模塊
│  │  ├─message 消息模塊
│  │  ├─status 側(cè)邊欄狀態(tài)模塊
│  │  ├─user 用戶登錄信息模塊
│  │  └─websocket websocket模塊
│  └─index 動(dòng)態(tài)加載模塊
│ 
├─types typescript接口
│ 
├─utils 工具模塊
│  ├─constants 常量
│  ├─index 工具
│  ├─request axios二次封裝
│  ├─storage 本地緩存工具
│  └─websocket websocket工具類
│
├─views 視圖模塊
│  ├─chat 聊天頁
│  ├─login 登錄頁面

預(yù)覽：http://139.196.182.46:8807
代碼：https://github.com/gmingchen/vue3-element-plus-im.git

有問題可以聯(lián)系