爆肝，终于终于出来了，断断续续的写了好久，终于搞完了

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

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

后端是基于 java 的 springboot netty实现的具体功能。

如果觉着还不错，请点个 ⭐star 支持一下吧，这将是对我最大的支持和鼓励！

项目结构

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 登录页面

在线预览

预览

项目地址

前端 后端

演示图片

其它开源项目

vue3-element-plus-admin

是一个基于 Vue3 + Element-plus + Java 的多企业后台权限管理系统，提供了完善的权限体系，让开发者把注意力集中到具体业务当中，降低开发成本，提高项目效率。

java-spring-boot-admin

是多企业管理后台基础功能 base 分支的后端代码，基于 java 的 springboot

java-spring-boot-im

是vue3-element-plus-im即时聊天系统的 java 后端代码，springboot 基于 netty 、 shiro 实现。

node-server 是一个基于 node 开发的后端服务框架，只要你会 SQL 就也可以写接口了，再也不用看后端的脸色了。