線上聊天功能是為了方便HR快速交流，由於HR人數有限，因此這裡並未考慮高併發問題，小夥伴思考問題一定要結合上下文環境。OK，我們先來看看效果圖：

線上聊天效果圖

登陸成功後，點選右上角的鬧鈴圖示，進入到訊息頁面，點選 好友聊天 選項卡，效果如下：

此時換個瀏覽器，或者使用chrome中的多使用者模式再開啟一個瀏覽器，以另外一個使用者身份登入，開始進行聊天，聊天頁面如下：

如果系統管理員正在和韓愈聊天，此時李白髮來的訊息，則李白的姓名旁會有提示：

系統訊息效果圖

只有管理員具備傳送系統訊息的許可權，管理員的系統訊息頁面如下：

普通HR的系統訊息頁面沒有傳送按鈕，傳送系統訊息頁面如下：

訊息傳送成功之後，會有紅點提示未讀訊息，如下：

OK，大致效果就是這樣，功能還不是很完善，後期有時間再進行修補。

下篇文章開始我們來介紹具體的實現思路，著急的小夥伴可以先star專案自己研究(^_^)

本系列其他文章：

關注公眾號，可以及時接收到最新文章: