当前仓库属于关闭状态,部分功能使用受限,详情请查阅 仓库状态说明
1 Star 1 Fork 49

jiackj / Springboot+vue的聊天
关闭

加入 Gitee
与超过 800 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md

交流群

可以加QQ群交流讨论:实验楼项目学习交流群

演示视频

演示视频

部署视频

https://mp.weixin.qq.com/s/41I1-osnhVfQPUe4ffgCGg

讲解视频

https://mp.weixin.qq.com/s/dcjsOMjKFPiNLl04znZAYQ

1.介绍

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

2.软件架构

Springboot、websocket、vue、MySQL

3.安装教程

1.首先拉取拉取代码 仓库地址

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

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

在这里插入图片描述

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

在这里插入图片描述

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, 另外我的博客网站:理木客

zfb+wx

仓库评论 ( 0 )

你可以在登录后,发表评论

简介

Springboot+websocket+vue的web聊天项目 展开 收起
Java
AGPL-3.0
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
Java
1
https://gitee.com/xiejaijie/spring_boot_vue_chat.git
git@gitee.com:xiejaijie/spring_boot_vue_chat.git
xiejaijie
spring_boot_vue_chat
Springboot+vue的聊天
master

搜索帮助