# ChatDemo

**Repository Path**: himatengfei/chat-demo

## Basic Information

- **Project Name**: ChatDemo
- **Description**: 基于Spring Boot+JWT+WebSocket实现的简易聊天室功能，目的是为了学习WebSocket技术，前端页面使用的vue2框架、axios请求库、elementui组件库
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-01-09
- **Last Updated**: 2023-03-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: JWT, WebSocket, SpringBoot

## README

# ChatDemo

#### 介绍
基于Spring Boot+JWT+WebSocket实现的简易聊天室功能，
目的是为了学习WebSocket技术，前端页面使用的vue2框架、axios请求库、elementui组件库

#### 环境配置
* jdk1.8
* idea

#### 使用说明

1. 克隆项目到本地
2. 在idea中打开该项目，更改所需端口号，直接启动项目
3. 该项目默认访问地址：`http://localhost:8080`
#### 项目BUG
不同用户可能头像是相同的
（由于练习时没有考虑到用户头像问题，因此在做的过程中添加了几张图片，
但是如果完全修改太麻烦了，所有就没有修改）

#### 项目功能
* 用户成功登录（上线）：服务端向已经在线的用户发送广播消息“某某用户上线啦！”
* 用户与用户一对一聊天：发送方发送消息到服务端，服务端再将消息发送给接收方，接收方负责接收
* 聊天记录的存储：使用的浏览器中的sessionStorage
* 用户退出登录（离线）：服务端向已经在线的用户发送广播消息“某某用户已经下线了！”

#### 项目效果截图
![](documentImage/QQ截图20230109165751.png)

![](documentImage/QQ截图20230109165828.png)

![](documentImage/QQ截图20230109170108.png)