基于LayuiIM框架的聊天项目

拈花ヽ惹草 提交于 2020-03-10 00:18:39

1.介绍

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

2.项目截图

1.聊天窗口界面

在这里插入图片描述

2.好友列表界面

在这里插入图片描述

3.聊天记录界面

在这里插入图片描述

4.收到消息提醒样式

在这里插入图片描述

5.整体样式:

在这里插入图片描述

3.安装教程

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

git pull https://gitee.com/zyy_dawn/Layui-IM.git

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

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

5.从数据库的userinfo表中
选择一个userid(最好是SY1571476959767947449),
然后在一个浏览器中访问:http://localhost:8080/layuiim/1571476959767947449
然后再选择一个userid,最好是(SY1571476959767947441),
然后在另一个浏览器中访问:http://localhost:8080/layuiim/1571476959767947441
选择这两个userid的原因是数据库初始数据让这两人互为好友了。

4.项目接口

1、/chat/upimg

这个接口就是聊天图片上传的的接口

2、/chat/upfile

这个接口就是聊天文件上传的的接口

3、/chat/upsigin

这个接口是用来更新用户的签名接口

4、/layuiim/{userid}

跳转到聊天界面,这个传过来的userid充当用户登录的id

5、/tochatlog

跳转到聊天记录界面

6、/chatlog/{uid}

这个接口是查询用户之间的聊天记录的,uid是好友的id

7、/initim

这个接口是用来初始化聊天界面的,需要查询用户信息、用户好友列表、用户群组。

5.项目功能

  • 两人之间私聊
  • 可以查看两人的聊天记录
  • 可以发送图片、文件,对于文件点击直接下载
  • 可以访问网络音频、视频,点击直接播放
  • 新消息来后可以音频提醒
  • 可以更新个性签名
  • 更多功能敬请期待…

6.更新日志

  • 2020-03-09

    Layui-IM聊天上线

7.打赏

此聊天项目,制作不易,如果对您有帮助,可以请作者喝杯咖啡,金额不限ha
另外亲,互加友链吗?我的博客网站:理木客

zfb+wx

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!