# 基于SpringBoot的即时聊天系统

**Repository Path**: programmers-of-cv/graduation-project-chat-vue

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2024-05-23
- **Last Updated**: 2024-05-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

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

# 说明
>默认(主)版本为基础框架版

丰富组件 请访问 2.0版本: https://github.com/cgq001/admin-menu/tree/2.0


## 初始化
```
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
![src/assets/界面展示/WeChat.png](src/assets/界面展示/WeChat.png)
![src/assets/界面展示/qq.png](src/assets/界面展示/qq.png)
# JAVA后端代码仓库地址
https://gitee.com/pengzhenggao/graduation-project（若无法访问联系我获取，一直在线）