# 基于SpringBoot的即时聊天系统

**Repository Path**: pengzhenggao/graduation-project-chat-vue

## Basic Information

- **Project Name**: 基于SpringBoot的即时聊天系统
- **Description**: 项目是基于Spring Boot+Vue的网页即时聊天系统，前端采用Vue2框架实现，使用WebSocket和Netty实现长连接，从而达到即时聊天效果，系统实现了单聊、群聊、转账、充值、语音通话、视频通话、人脸录入等功能。整体页面模仿微信、QQ进行布局，页面大方有序，获取后端代码及数据Starrend后联系QQ：2825043977 或WeChat：pzg2001923咨询。
- **Primary Language**: Unknown
- **License**: EPL-1.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 24
- **Forks**: 4
- **Created**: 2023-12-12
- **Last Updated**: 2025-07-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Netty, SpringBoot, WebSocket, Redis, webrtc

## README

# 功能描述
该项目是一个前后端分离的即时聊天项目，前端采用vue2、后端使用springboot以mysql8.0作为数据库。
项目功能包含了单聊、群聊功能。在此基础上增加了对好友的功能操作，如备注设为通知、视频聊天、语音聊天、置顶、拉入黑名单、清空聊天记录等。
在群聊基础上增加了查看群成员、退出群聊、解散群聊、清空聊天记录等，用户能够搜索并添加好友，可以创建不大于5个的多人聊天室，
在登入使用SpringSecurity来校验用户的登入情况，使用netty+websocket以推拉模式来实现高效、实时的聊天。
本项目前后端均由本人自己打造，联系方式邮箱：2825043977@qq.com

# 演示地址

即时聊天系统：http://pzgnet.free.idcfengye.com/

# 系统技术栈
Spring Boot、Spring Security、MybatisPlus、Redis、Rabbit MQ、Netty、
Vue2、Element UI、Axios、MySQL（8.0及以上）、Oss、阿里云沙箱

## 初始化
```
npm install
```
## 运行
```
npm run serve
```
## 打包
```
npm run build
```

# 主要界面
## 登入
![src/assets/界面展示/login1.png](src/assets/界面展示/login1.png)
![src/assets/界面展示/register1.png](src/assets/界面展示/register1.png)
## 注册
![src/assets/界面展示/register2.png](src/assets/界面展示/register2.png)
![src/assets/界面展示/login2.png](src/assets/界面展示/login2.png)
## 单聊
![src/assets/界面展示/聊天页.png](src/assets/界面展示/聊天页.png)
![src/assets/界面展示/其他功能.png](src/assets/界面展示/其他功能.png)
## 群聊
![src/assets/界面展示/群聊页.png](src/assets/界面展示/群聊页.png)
![src/assets/界面展示/群聊页2.png](src/assets/界面展示/群聊页2.png)
## 创建群聊
![src/assets/界面展示/创建群聊1.png](src/assets/界面展示/创建群聊1.png)
![src/assets/界面展示/创建群聊2.png](src/assets/界面展示/创建群聊2.png)
## 好友添加
![src/assets/界面展示/搜索添加好友.png](src/assets/界面展示/搜索添加好友.png)
## 视频通话
![src/assets/界面展示/视频通话发送方.png](src/assets/界面展示/视频通话发送方.png)
![src/assets/界面展示/视频请求接收方.png](src/assets/界面展示/视频请求接收方.png)
![src/assets/界面展示/视频通话.png](src/assets/界面展示/视频通话.png)
## 语音通话
![src/assets/界面展示/视频通话发送方.png](src/assets/界面展示/视频通话发送方.png)
![src/assets/界面展示/视频请求接收方.png](src/assets/界面展示/视频请求接收方.png)
![src/assets/界面展示/语音通话.png](src/assets/界面展示/语音通话.png)
## 个人设置
![src/assets/界面展示/个人设置页.png](src/assets/界面展示/个人设置页.png)
#
#
##WeChat 或 QQ（一杯奶茶￥15~20，没有知识付费意识请勿联系）
![src/assets/界面展示/WeChat.png](src/assets/界面展示/WeChat.png)
![src/assets/界面展示/qq.png](src/assets/界面展示/qq.png)
# JAVA后端代码仓库地址
https://gitee.com/pengzhenggao/graduation-project（若无法访问联系我获取，一直在线）