概述
本項目基於Vue2進行高仿手機QQ的webapp，UI上使用的是museUI，使用springMVC搭建的后台。聊天方面，使用WebSocket實現瀏覽器與服務器全雙工通信，允許服務器主動發送信息給客戶端。源碼大部分有注釋，如果不清楚的可以問我，我會盡量回復的。
功能
-
登錄、注冊——注冊完成系統返回一個id，用id加密碼即可登錄
-
添加好友——右上角加號點開，輸入用戶id即可完成添加（暫未實現用戶驗證添加）
-
聊天功能——好友之間可以實時在線通信，無論你在哪個頁面都能收到好友消息（退出不行）
-
長按刪除——長按刪除已有的消息
-
項目中數據流動由vuex進行控制
效果圖
--登錄與注冊--
--側邊欄與個人主頁--
--添加好友--
--長按刪除--
--好友聊天--
其他說明
-
本項目還有很多bug，各位大佬如果發現了，可以通知我下，我會非常感激的
-
本項目還有很多功能沒實現，如果你發現點擊沒反應，那很可能是我只寫了個ui在那
-
項目暫不支持聊天記錄緩存，一旦你退出系統，聊天記錄將清空
-
這是我使用vue做的第二個webapp，雖然還是不怎么樣，有興趣的可以去看下我的第一個webapp——醫院管理信息系統 項目地址
https://github.com/linguoqiang001/his -
最近比較忙，暫時就做到這，后面有時間的話會繼續完善項目，后台和數據庫部分，有時間我整理下一並上傳
技術棧
- vue-cli
- vue2
- vue-router
- vuex
- axios
- less
- webpack2
- muse-ui