SpringBoot+WebSocket实现在线聊天(一)

2年前 (2022) 程序员胖胖胖虎阿
276 0 0

本文是vhr系列的第十四篇,项目地址:https://github.com/lenve/vhr  

在线聊天功能是为了方便HR快速交流,由于HR人数有限,因此这里并未考虑高并发问题,小伙伴思考问题一定要结合上下文环境。OK,我们先来看看效果图:

在线聊天效果图

登陆成功后,点击右上角的闹铃图标,进入到消息页面,点击 好友聊天 选项卡,效果如下:

SpringBoot+WebSocket实现在线聊天(一)  

此时换个浏览器,或者使用chrome中的多用户模式再打开一个浏览器,以另外一个用户身份登录,开始进行聊天,聊天页面如下:

SpringBoot+WebSocket实现在线聊天(一)  

如果系统管理员正在和韩愈聊天,此时李白发来的消息,则李白的姓名旁会有提示:

SpringBoot+WebSocket实现在线聊天(一)  

系统消息效果图

只有管理员具备发送系统消息的权限,管理员的系统消息页面如下:

SpringBoot+WebSocket实现在线聊天(一)  

普通HR的系统消息页面没有发送按钮,发送系统消息页面如下:

SpringBoot+WebSocket实现在线聊天(一)  

消息发送成功之后,会有红点提示未读消息,如下:

SpringBoot+WebSocket实现在线聊天(一)  

OK,大致效果就是这样,功能还不是很完善,后期有时间再进行修补。

下篇文章开始我们来介绍具体的实现思路,着急的小伙伴可以先star项目自己研究(^_^)

本系列其他文章:

1.SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题(一)
2.SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题(二)
3.SpringSecurity中密码加盐与SpringBoot中异常统一处理
4.axios请求封装和异常统一处理
5.权限管理模块中动态加载Vue组件
6.SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题(六)
7.vhr部门管理数据库设计与编程
8.使用MyBatis轻松实现递归查询与存储过程调用
9.ElementUI中tree控件踩坑记
10.SpringBoot中自定义参数绑定
11.SpringBoot中使用POI,快速实现Excel导入导出
12.SpringBoot中发送QQ邮件
13.SpringBoot中使用Freemarker构建邮件模板    

关注公众号,可以及时接收到最新文章:

SpringBoot+WebSocket实现在线聊天(一)  

本文分享自微信公众号 - 江南一点雨(a_javaboy)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

版权声明:程序员胖胖胖虎阿 发表于 2022年9月3日 下午1:56。
转载请注明:SpringBoot+WebSocket实现在线聊天(一) | 胖虎的工具箱-编程导航

相关文章

暂无评论

暂无评论...