1.概述
基于webSocket实现聊天系统,ui设计模仿QQ。计划实现的功能分为如下几块:
- 注册登录
- 好友、群聊的添加,查询,删除
- 一对一在线聊天
- 分组在线群聊
- 聊天记录管理
- 个人信息管理
- 发送离线消息
- 思考中…
涉及到的技术:vue,springboot,mybatis,mysql,redis,webSocket
等全部完成了会将代码上传到github,有兴趣的可以关注一波。
2.目前进展
界面如下:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210208113318157.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmdzZW5saW4zNDE=,size_16,color_FFFFFF,t_70)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210208113340454.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmdzZW5saW4zNDE=,size_16,color_FFFFFF,t_70)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210208113357851.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmdzZW5saW4zNDE=,size_16,color_FFFFFF,t_70)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210208113408621.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmdzZW5saW4zNDE=,size_16,color_FFFFFF,t_70)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210208113419642.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dvbmdzZW5saW4zNDE=,size_16,color_FFFFFF,t_70)
3.未完待续
目前只做了一部分前端的工作,webSocket聊天系统系列博客将会一直更新到项目完成为止。