基于Vue二、WebSocket的仿腾讯QQ

概述

本项目基于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

项目地址

https://github.com/linguoqiang001/chat