今天给大家推荐两个Springboot+websocket的web及时聊天项目,都是开源的,如果你的项目中有聊天需求,基本上拿过去稍微修改都可以使用(但是不建议使用在商业项目中,毕竟架构不够完善),文末有开源地址。
第一款
首先介绍第一个及时聊天项目,这个项目前台后台全部都是自己写的,而且主要代码加的都有注释。
1.介绍
-
Springboot+websocket+vue的web聊天项目
-
注意事项:此项目仅供交流学习,不可用于商业用途,更不可出售本项目源代码。如果出现问题本人概不负责。另外本项目的websocke架构不够完善,所以不建议使用在实际的项目中。
-
本项目所有前端主要JS和后台主要接口都加有注释,所以很容易看得懂
-
另外本项目如有不足之处,尽请谅解,也欢迎指出。
2.软件架构
Springboot、websocket、vue、MySQL
3.项目说明
-
此项目为一个web及时聊天项目,采用springboot+websocket+vue开发。
-
其中有一个接口为添加好友接口,添加好友会判断是否已经是好友。
-
聊天的时候:A给B发送消息如果B的聊天窗口不是A,则B处会提醒A发来一条消息。
-
聊天内容的输入框采用layui的富文本编辑器,目前不支持回车发送内容。
-
聊天可以发送图片,图片默认存储在D:/chat/目录下。
-
点击聊天内容中的图片会弹出预览,这个预览弹出此条消息中的所有图片。
-
在发送语音的时候,语音默认发送给当前聊天窗口的用户,所以录制语音的时候务必保证当前聊天窗口有选择的用户。
-
知道用户的账号可以添加好友,目前是如果账号存在,可以直接添加成功
运行截图
image第二款
这一款相当于第一款,界面更加好看,功能多了一个群里功能。但是这个前台不是我写的,而是使用的layui的layIM项目,此项目是收费的,不过好像layim的2.0版本开源了,不太清楚。
1.介绍
-
技术架构:Springboot+websocket+MySQL+LayuiIM
-
注意事项:此项目仅供交流学习,不可用于商业用途,更不可出售本项目源代码。如果出现问题本人概不负责。另外本项目的websocke架构不够完善,所以不建议使用在实际的项目中。
-
本项目的LayuIM代码未上传,LayuiIM代码是Layui收费的项目,如有需要可以去购买。
-
本项目所有前端主要JS和后台主要接口都加有注释,所以很容易看得懂
-
另外本项目如有不足之处,尽请谅解,也欢迎指出。
2.项目功能
-
两人之间私聊、多人之间的群聊
-
可以查看两人的聊天记录、群组的聊天记录
-
可以发送图片、文件,对于文件点击直接下载
-
可以方式网络音频、视频,点击直接播放
-
新消息来后可以音频提醒
-
更新个性签名
-
用户默认状态为离线,当用户上线后更新状态为在线,当用户关闭客户端更新状态为离线
-
更多功能敬请期待.....
3.运行截图
1.聊天窗口界面
image2.好友列表界面
image3.聊天记录界面
image4.收到消息提醒样式
image5.群组聊天
image6.整体样式:
imageok,就是这样了
第一个项目地址:https://gitee.com/xzlmk/spring_boot_vue_chat
第二个项目地址:https://gitee.com/xzlmk/Layui-IM 。
喜欢的朋友可以点个赞?关注?转发?
网友评论