# 基于SpringBoot+Netty+WebSocket开发的在线聊天室

**Repository Path**: wokanxinqing/chat

## Basic Information

- **Project Name**: 基于SpringBoot+Netty+WebSocket开发的在线聊天室
- **Description**: 基于SpringBoot+WebSocket+Redis开发的在线聊天室系统
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: chat-vue
- **Homepage**: https://gitee.com/wokanxinqing/chat/raw/chat-vue/.images/chat1.png
- **GVP Project**: No

## Statistics

- **Stars**: 33
- **Forks**: 9
- **Created**: 2024-09-14
- **Last Updated**: 2025-12-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: SpringBoot, WebSocket, Redis, Bootstrap, MybatisPlus

## README

# 在线聊天室系统

> 一个基于 **SpringBoot + Netty + WebSocket + MyBatisPlus + Vue3** 开发的轻量级在线聊天室系统，支持单聊、群聊、文件传输、好友管理等功能。

---

## 🧩 项目介绍

本项目是一个功能完整的即时通讯(IM)系统，采用前后端分离架构设计，包含现代化的用户界面和稳定
的后端服务。系统提供了完整的用户管理、消息传递、联系人管理等功能，适合用于学习研究、毕业设
计或企业内部即时通讯系统的原型开发。

### ✅ 支持功能

- **用户管理**

  - 登录 / 注册
  - 个人信息修改
  - 头像上传
  - 密码修改

- **消息相关**

  - 实时单聊与群聊
  - 表情发送
  - 图片发送
  - 文件发送
  - 消息状态提醒
  - 群聊在线人数显示
  - 消息撤回（可扩展）
  - 已读回执（可扩展）

- **联系人与群组**

  - 好友添加与管理
  - 好友请求验证
  - 群聊与管理
  - 邀请好友加入群组
  - 好友/群聊备注设置
  - 群聊退出与解散
  - 群公告功能（可扩展）

- **其他功能**
  - AI 对话
  - AI 角色扮演
  - 流式回复
  - 支持深度思考，根据历史记录对话
  - 心跳检测
  - 在线状态实时显示
  - 聊天记录管理
  - 通讯录展示
  - 好友/群聊详情展示
  - 主题个性化配置
  - 响应式界面设计
  - ...

---

## 🚀 快速开始

> ### 环境要求
>
> > - `JDK1.8+` `Maven3.6+` `MySQL5.7+` `Redis3.2+` `Node.js18+`
>
> ### 克隆项目
>
> > - `git clone https://gitee.com/wokanxingqing/chat.git`
>
> ### 配置数据库
>
> > - 使用数据库连接工具创建数据库 `CREATE DATABASE chat;`
> > - 导入 `chat-init.sql` 文件
>
> ### 启动后端
>
> > - 通过 IDEA 打开`chat-server`项目
> > - Maven 自动下载依赖或者手动执行 `mvn install`
> > - 修改 `application-local.yml` 相关配置
> > - 启动依赖服务 Redis
> > - 运行 `ChatApplication.java` 启动后端服务
>
> ### 启动前端
>
> > - 进入 chat-site 目录
> > - 进入终端依次运行 `pnpm install`、`pnpm run dev`
> > - 浏览器访问：[http://localhost:8888/](http://localhost:8888/)

## 部分截图

| 示例                                                | 示例                                                  |
| --------------------------------------------------- | ----------------------------------------------------- |
| <img src=".images/login.png" /><p>登录页面</p>      | <img src=".images/register.png" /> <p>注册页面</p>    |
| <img src=".images/chat1.png" /><p>聊天界面 1</p>    | <img src=".images/chat2.png" /><p>聊天界面 2</p>      |
| <img src=".images/chat3.png" /><p>聊天界面 3</p>    | <img src=".images/chat4.png" /><p>聊天界面 4</p>      |
| <img src=".images/ai-chat1.png" /><p>聊天界面 5</p> | <img src=".images/ai-chat2.png" /><p>聊天界面 6</p>   |
| <img src=".images/ai-chat3.png" /><p>聊天界面 7</p> | <img src=".images/contact.png" /><p> 通讯录</p>       |
| <img src=".images/add-friend.png"/><p>添加好友</p>  | <img src=".images/req-friend.png"/><p>好友请求</p>    |
| <img src=".images/add-group.png"/><p>创建群聊</p>   | <img src=".images/invite-friend.png"/><p>邀请好友</p> |
| <img src=".images/friend.png" /><p>好友信息</p>     | <img src=".images/group.png" /><p>群聊信息</p>        |
| <img src=".images/profile.png" /><p>个人信息</p>    | <img src=".images/theme.png" /><p>夜间模式</p>        |

## 技术栈

```md
- 前端：Vue、Vue-Router、Axios、Pinia、SASS、WebSocket、Element-Plus
- 后端：SpringBoot、MybatisPlus、Redis、MySQL、Netty、Minio、SSE
- 构建工具：Maven、Vite、Git
- 开发工具：IDEA、VSCode
```

## 作者信息

1. 作者：王 sir
2. 邮箱：`work_wangbing@163.com`
3. w x: `_king_bing`

## 🌟 Star 支持

如果你觉得这个项目对你有帮助，请给它一个 ⭐ star，你的鼓励是我持续更新的动力！

> 📝 版权声明：该项目仅供学习交流使用，如需商用请自行授权。