本文是vhr系列的第十四篇，项目地址：https://github.com/lenve/vhr
在线聊天功能是为了方便HR快速交流，由于HR人数有限，因此这里并未考虑高并发问题，小伙伴思考问题一定要结合上下文环境。OK，我们先来看看效果图：
在线聊天效果图
登陆成功后，点击右上角的闹铃图标，进入到消息页面，点击 好友聊天 选项卡，效果如下：
此时换个浏览器，或者使用chrome中的多用户模式再打开一个浏览器，以另外一个用户身份登录，开始进行聊天，聊天页面如下：
如果系统管理员正在和韩愈聊天，此时李白发来的消息，则李白的姓名旁会有提示：
系统消息效果图
只有管理员具备发送系统消息的权限，管理员的系统消息页面如下：
普通HR的系统消息页面没有发送按钮，发送系统消息页面如下：
消息发送成功之后，会有红点提示未读消息，如下：
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构建邮件模板
关注公众号，可以及时接收到最新文章:
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。