即时聊天系统(vue3、element-plus、websocket)

shy帅宸

共 806字,需浏览 2分钟

 · 2022-07-31

爆肝,终于终于出来了,断断续续的写了好久,今天终于搞完了。

基于 Vue3 + Element-plus + websocket 即时聊天系统。主要目的在于学习 vue3 + Element-plus,功能还未很完善,目前只支持好友私聊,还未支持群聊,后续会 持续迭代更新

后端是基于 java 的 springboot netty,目前 暂未开源。后期完善之后 会开源后端代码
目前暂时不提供后端代码,若有需要可翻到底部 添加微信/QQ 索取后端代码。

4e361b52dda771f1349d92cef7b19fb8.webp

fc56baa58e88809e30074d2d0c95b575.webp

37dd99f3530c11cfb81d171ec5c2691d.webp

6b1a8425da18e34fb5ae61db911ed96a.webp

项目结构

vue3-src
├─api 接口模块

├─assets 静态资源模块
│ ├─icon svg图标
│ ├─images 图片
│ └─sass 样式

├─components 组件模块

├─router 动态

├─store vuex
│ ├─modules
│ │ ├─conversation 会话模块
│ │ ├─friend 好友模块
│ │ ├─message 消息模块
│ │ ├─status 侧边栏状态模块
│ │ ├─user 用户登录信息模块
│ │ └─websocket websocket模块
│ └─index 动态加载模块

├─types typescript接口

├─utils 工具模块
│ ├─constants 常量
│ ├─index 工具
│ ├─request axios二次封装
│ ├─storage 本地缓存工具
│ └─websocket websocket工具类

├─views 视图模块
│ ├─chat 聊天页
│ ├─login 登录页面

预览:http://139.196.182.46:8807
代码:https://github.com/gmingchen/vue3-element-plus-im.git

有问题可以联系


浏览 298
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报