在线聊天室项目（Vue3 + SpringBoot）
目录
项目描述
1. 网页在线聊天室，实现了群组系统和好友系统，因此项目可以在公共群组，私有群组和私人之间进行聊天。
2. 项目主要使用Websocket实时通信技术实现聊天，使用Redis和RabbitMQ提高程序的效率和消息收发稳定性。
3. 前端使用indexDB实现聊天记录的本地存储和优先显示，使用用户登录信息和本地记录时间戳作为过滤条件实现消息同步。
4. 项目重点编写是在后端收发逻辑，及数据的存储和同步方面。对于前端视图可能略显简陋。
5. 但项目使用Vue3和Springboot等主流技术进行开发，易于进行二次开发/功能扩展。
6. 项目仅实现了重点及基本功能，对于更完善的边缘功能没有特别编写，但不影响聊天室的基本功能。
项目gitee源码在文章最后。
技术栈选型
前端：
①Vite脚手架构建Vue3项目。
②ElementPlus组件库快速搭建前端页面。
③indexDB将历史记录存储在本地，先展示本地再查询最新消息进行同步。
④Pinia实现组件间状态共享
⑤emoji-picker-element库作为聊天时的表情集选择。
⑥axiox异步请求库实现后端接口调用。
后端：
①SpringBoot，②MyBatisPlus
③Redis存储用户的连接信息，群组用户关系信息，和注册验证码等缓存数据。
④RabbitMQ消息中间件处理消息的收发，异步处理等操作。
⑤WebSocket实现客户端和服务端的实时通信，实现消息实时收发。
⑥使用JavaMail实现用户发送/接收验证码实现邮箱注册。
⑦使用SpringSecurity中的强散列密码编码器工具，实现用户密码加密和验证。
⑧java-jwt用于验证用户登录状态。
数据库管理系统
MySQL
项目开发过程文档
飞书文档地址：https://scnw01ap0tqh.feishu.cn/wiki/UwVzwJPlAiCxv1k2OzJcP3Asnog
文档包含：数据库/表设计，前后端功能设计及开发过程。
项目页面效果
登录&注册
添加好友
私人聊天
创建群组
邀请用户加入群组
主动搜索 加入群组
群组聊天
公共群组（所有用户注册既加入此群组 ）
项目源码地址
gitee地址：gitee.com/maohe101/chat-room
关于此项目的启动教程在Gitee中有说明。
原文地址：https://blog.csdn.net/m0_60155232/article/details/142547305
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！