# chat

**Repository Path**: yanlin666/chat

## Basic Information

- **Project Name**: chat
- **Description**: 使用vue+springboot+websocket搭建的一个简易的在线聊天系统
- **Primary Language**: Java
- **License**: Artistic-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 2
- **Created**: 2024-10-15
- **Last Updated**: 2025-12-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, SpringBoot, WebSocket, MyBatis, MySQL

## README

# chat

## 介绍
这是一个使用 Vue2、Spring Boot 和 WebSocket 构建的简易在线聊天系统。它支持用户登录、实时消息传递以及查看聊天记录等功能。

## 软件架构
该项目采用前后端分离架构：
- **前端**：使用 Vue2 框架构建用户界面。
- **后端**：使用 Spring Boot 框架处理业务逻辑，并通过 WebSocket 提供实时通信功能。
- **数据库**：使用 MySQL 存储用户信息和聊天记录。
- **其他技术**：项目中还集成了 MyBatis Plus、WebSocket、以及 LiteFlow 流程引擎等技术。

## 软件运行截图
![输入图片说明](image.png)

## 使用说明
1. **启动后端服务**：确保已安装 Java 环境，运行 `ChatApplication.java` 启动 Spring Boot 服务。
2. **启动前端应用**：进入 `front/chat-master` 目录，运行 `npm run dev` 启动 Vue 开发服务器。
3. **访问应用**：打开浏览器，访问 `http://localhost:8080`（或根据实际配置的端口）进入登录页面。
4. **登录系统**：输入用户名和密码进行登录。
5. **开始聊天**：选择联系人并发送消息，系统将通过 WebSocket 实现实时通信。

## 参与贡献
1. Fork 本仓库。
2. 新建 Feat_xxx 分支。
3. 提交代码。
4. 新建 Pull Request。

## 特技
1. 使用 Readme_XXX.md 来支持不同的语言，例如 Readme_en.md, Readme_zh.md。
2. Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)。
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目。
4. [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目。
5. Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)。
6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)。