本文是vhr系列的第十四篇，專案地址：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構建郵件模板
關注公眾號，可以及時接收到最新文章: