即时聊天系统(vue3、element-plus、websocket)
shy帅宸
共 806字,需浏览 2分钟
· 2022-07-31
爆肝,终于终于出来了,断断续续的写了好久,今天终于搞完了。
基于 Vue3 + Element-plus + websocket 即时聊天系统。主要目的在于学习 vue3
+ Element-plus
,功能还未很完善,目前只支持好友私聊,还未支持群聊,后续会 持续迭代更新
后端是基于 java
的 springboot
netty
,目前 暂未开源
。后期完善之后 会开源后端代码
。
目前暂时不提供后端代码,若有需要可翻到底部 添加微信/QQ
索取后端代码。
项目结构
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
有问题可以联系
评论
测试新人,如何快速上手一个陌生的系统!
大家好,我是狂师!作为刚入行不久的测试新人,面对一个陌生的系统时,可能会感到有些手足无措。面对一个全新的系统系统,如何快速上手并展开有效的测试工作是一个重要的挑战。本文将探讨测试新人如何通过一系列步骤和策略,快速熟悉并掌握新系统的测试要点,从而提高测试效率和质量。本文旨在为测试新手提供一份指导,帮助
测试开发技术
0
教你基于 Jenkins 搭建一套 CI/CD 系统
原文链接:https://mp.weixin.qq.com/s/KVc4IFky1z7kZn-7bz79DQ一、CI/CD环境介绍本次要实现如下效果,开发人员完成功能开发并提交代码到gitlab仓库,jenkins自动完成拉取代码、编译构建、代码扫描(sonarqube)、打
码农编程进阶笔记
0
Linux系统性能优化:七个实战经验
来源公众号:twt社区IT社区原文链接:https://mp.weixin.qq.com/s/Rey0gSnnj-zoAEwE6J-GjwLinux系统的性能是指操作系统完成任务的有效性、稳定性和响应速度。Linux系统管理员可能经常会遇到系统不稳定、响应速度慢等问题,例如在Linux上搭建了一个w
开源Linux
1
Java项目实战——打造一款股票区间交易盯盘系统
点击上方“Java进阶学习交流”,进行关注后台回复“Java”即可获赠Java学习资料今日鸡汤身无彩凤双飞翼,心有灵犀一点通。一、简介大家好,我是Snowball。今天给大家分享的内容是基于Java编程,实现股票交易相关功能开发,如果读者对股票或金融衍生物交易不太了解,又比较感兴趣的话可自行查询相关
Java进阶学习交流
0
AI智能视觉检测技术在工业级测量领域的创新应用--AMB Tube-Q导管数字化测量系统
技术背景在深度学习算法出来之前,对于视觉算法来说,大致可以分为以下5个步骤:特征感知,图像预处理,特征提取,特征筛选,推理预测与识别。早期的机器学习中,占优势的统计机器学习群体中,对特征是不大关心的。深度学习是机器学习技术的一个方面,由人工神经网络提供支持。深度学习技术的工作原理是教机器通过实例学习
机器视觉
0
神作《凤凰架构:构建可靠的大型分布式系统》PDF来了
今天给大家带来了一本大作:周志明老师的 《凤凰架构:构建可靠的大型分布式系统》PDF版来了,文末直接获取周志明是谁?这可是真大佬,或许有些朋友没有听过,但是你们一定听过:《深入理解 Java 虚拟机》这本神书,没错就是这本书的作者,出过多本书,豆瓣评分如下,全是高分,尤其是《深入理解Java虚拟机》
路人甲Java
0
【Vuejs】2023- Vue3 项目前端 CI/CD 体验
作者:PAXTONX1. 环境准备➜ app-cicd node --versionv18.0.0➜ app-cicd npm --version9.6.62. 安装2.1 初始化选项项目初始化选择。➜ &
前端自习课
10
自动控制方面的大牛们/2D圆盘跟随式AI涂胶视觉检测系统/点光谱弧面玻璃轮廓度检测
微信改了推送规则,如果您还想收到我们的推送!点击上方“机器视觉”,右上角...选择“置顶/星标”公众号行业资讯机器视觉十大应用场景介绍 控制理论研究领域目前遇到的瓶颈是什么? 控制理论到底有什么用?自动控制方面的大牛们都有哪些主要贡献?OpenCV 5 进度更新 2024 年 4
机器视觉
0