# spring_boot_vue_chat

**Repository Path**: aoshi_435/spring_boot_vue_chat

## Basic Information

- **Project Name**: spring_boot_vue_chat
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2020-06-15
- **Last Updated**: 2024-05-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 演示视频 

[演示视频 ](https://www.bilibili.com/video/av91667433/)

#### 1.介绍

- Springboot+websocket+vue的web聊天项目
- 注意事项：**此项目仅供交流学习，不可用于商业用途，更不可出售本项目源代码。如果出现问题本人概不负责。另外本项目的websocke架构不够完善，所以不建议使用在实际的项目中。**
- 本项目所有前端主要JS和后台主要接口都加有注释，所以很容易看得懂
- 另外本项目如有不足之处，尽请谅解，也欢迎指出。

#### 2.软件架构

Springboot、websocket、vue、MySQL

#### 3.安装教程

1.首先拉取拉取代码 [仓库地址](https://gitee.com/xzlmk/spring_boot_vue_chat)

```bash
git pull https://gitee.com/xzlmk/spring_boot_vue_chat.git
```

2.将项目中聊天图片中的chat文件夹拷贝到D盘下面(这是springboot中配置的虚拟访问路径，其他盘符下也可以，但是需要修改)

![在这里插入图片描述](https://images.gitee.com/uploads/images/2020/0603/134250_07dd664b_3026905.png)

3.将项目中的数据库文件夹下的chat.sql导入到MySQL数据库，数据库名称为chat。

![在这里插入图片描述](https://images.gitee.com/uploads/images/2020/0603/134250_79db5849_3026905.png)

4.使用idea打开项目，运行项目

5.登录

从数据库的login表中，选择账号为123456的用户（所有用户的密码都是123456）进行登录


#### 4.项目接口

1、/chat/upimg

>聊天图片上传接口

2、/chat/lkuser/{username}

>这个接口用来添加好友的时候：查询用户，如果用户存在返回用户信息，如果不存在返回不存在

3、/chat/adduser/{fuserid}

>这个接口是添加好友接口，会判断添加的好友是否是自己，如果添加的好友已经存在则直接返回

4、/chat/ct

>跳转到聊天界面

5、/chat/lkfriends

>查询用户的好友

5、/chat/lkuschatmsg/{reviceuserid}

>这个接口是查询两个用户之间的聊天信息的接口，传入用户的userid，查询当前登录用户和该用户的聊天记录。

6、/chat/audio

>这个接口是Ajax上传web界面js录制的音频数据用的接口

#### 5.项目说明

- 此项目为一个聊天的小demo，采用springboot+websocket+vue开发。
- 其中有一个接口为添加好友接口，添加好友会判断是否已经是好友。
- 聊天的时候：A给B发送消息如果B的聊天窗口不是A，则B处会提醒A发来一条消息。
- 聊天内容的输入框采用layui的富文本编辑器，目前不支持回车发送内容。
- 聊天可以发送图片，图片默认存储在D:/chat/目录下。
- 点击聊天内容中的图片会弹出预览，这个预览弹出此条消息中的所有图片。
- 在发送语音的时候，语音默认发送给当前聊天窗口的用户，所以录制语音的时候务必保证当前聊天窗口有选择的用户。
- 知道用户的账号可以添加好友，目前是如果账号存在，可以直接添加成功

#### 6、更新日志

- 2020-03-27
  >- 增加：登录、拦截器和添加好友功能
  >- 完善：同时修改项目的结构、设置统一异常、统一返回结果；增加了输入法输入的表情过滤工具类。
  >- 修复：修改了发送语音如果用户未选择聊天用户的，却能发送成功的bug
- 2020-03-02 
  >增加发送语音的功能
- 2019-12-21
  >增加接口的讲解
- 2019-12-16
  >聊天小Demo上线

#### 7、打赏

此聊天项目，制作不易，如果对您有帮助，可以请作者喝杯咖啡，金额不限![ha](http://xzjsbk.toptech.top/ha_1583154579801.png)，
另外我的博客网站：[理木客](https://www.limuke.top)

![zfb+wx](https://images.gitee.com/uploads/images/2020/0603/134250_f575a1f2_3026905.png)