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

**Repository Path**: xiaokaige/chat

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 9
- **Created**: 2025-07-15
- **Last Updated**: 2025-07-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 在线聊天室系统

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

---

## 🧩 项目介绍

本项目是一个完整的 IM 聊天系统，后端采用 Java 技术栈构建，前端使用 HTML+JS 实现，适合用于学习、毕业设计或企业内部通信系统的原型开发。

### ✅ 支持功能

- **用户管理**

  - 登录 / 注册
  - 个人信息修改
  - 修改密码

- **消息相关**

  - 好友聊天
  - 群聊
  - 表情发送
  - 图片发送
  - 文件发送
  - 消息提醒
  - 群聊在线人数
  - 消息撤回（可扩展）
  - 已读状态（可扩展）

- **联系人与群组**

  - 添加好友
  - 删除好友
  - 发送好友请求
  - 创建群聊
  - 邀请好友加入群聊
  - 退出/删除群聊
  - 群公告（可扩展）

- **其他功能**
  - 在线状态显示
  - 置顶聊天
  - 清空聊天记录
  - 通讯录展示

---

## 运行项目

> ### 项目环境
>
> > - `JDK1.8+(推荐17)` `Maven3.6+(推荐3.9.x)` `MySQL5.7+(推荐8.0.x)` `Redis3.2+(推荐5.0.x)` `Minio4.0+`
>
> ### 克隆项目
>
> > - `git clone https://gitee.com/wokanxingqing/chat.git`
>
> ### 配置数据库
>
> > - 使用数据库连接工具创建数据库 `CREATE DATABASE chat;`
> > - 导入 `chat-init.sql` 文件
>
> ### 启动项目
>
> > - 通过 IDEA 打开项目
> > - 使用 Maven 下载依赖
> > - 修改 `application.yml` 相关配置
> > - 启动 Redis 服务
> > - 启动 Minio 服务
> > - 运行 `ChatApplication.java`
> > - 浏览器访问：[http://localhost:8090/login](http://localhost:8090/login)

## 部分截图

| 示例                                               | 示例                                                  |
| -------------------------------------------------- | ----------------------------------------------------- |
| <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/chat5.png" /><p>聊天界面 5</p>   | <img src=".images/chat6.png" /><p>聊天界面 6</p>      |
| <img src=".images/chat7.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>   |

## 技术栈

```md
- 前端：HTML、CSS、JavaScript、jQuery、AJAX、Bootstrap、WebSocket
- 后端：SpringBoot、MybatisPlus、Redis、MySQL、Netty、Minio
- 开发工具：IDEA
```

## 作者信息

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

## 🌟 Star 支持

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

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