im-vue主要目的在于学习 vue3 + Element-plus,功能还未很完善,目前只支持好友私聊,还未支持群聊,后续会 持续迭代更新。
后端是基于 java 的 springboot netty。
简介
im-vue 是一个管理后台基础功能框架，基于 vue3 、 element-plus 实现。内置了好友私聊功能。
功能模块
- 登录
- 注册
- 好友分组
- 添加好友
- 好友私聊
- 群聊
项目结构
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 登录页面
开发
# 克隆项目
git clone https://github.com/gmingchen/im-vue.git
# 进入项目目录
cd im-vue
# 安装依赖
npm install
# 启动服务
npm run dev # 开发环境
npm run prod # 正式环境
npm run test # 测试环境
# 发布
npm run build:dev # 开发环境
npm run build:prod # 正式环境
npm run build:test # 测试环境联系方式
| 公众号 | QQ交流群 | 微信交流群 | 微信 | |
|
|
|
|
|
其它开源项目
是vue3-element-plus-im即时聊天系统的 java 后端代码，springboot 基于 netty 、 shiro 实现。
是一个管理后台基础功能框架，基于 vue3 、 element-plus 和 typescript 实现。内置了 i18n 国际化，动态路由，权限验证。-[私活神器]
是一个管理后台基础功能框架 base-refactoring 分支的后端代码，基于 java 的 springboot
nod-server 是一个基于 node 开发的后端服务框架，只要你会 SQL 就也可以写接口了，再也不用看后端的脸色了。