目录

一、系统总体功能设计

二、开发工具及环境

三、前台系统主要功能实现界面展示

1.登入模块

2.主页模块

3.好友设置模块

4.好友动态模块

5.个人中心模块

6.好友设置详情

7.视频通话

8.语音通话

9.对消息操作

四、后台系统主要功能实现界面展示

1.登入模块

2.后台主页

3.用户管理

4.系统管理

5.日志管理

五、结语

---

注意：Gitee地址：https://gitee.com/pengzhenggao/graduation-project-chat-vue.git

一、系统总体功能设计

         该系统功能主要有聊天，而聊天主要涉及到单聊、群聊、语言通话和视频通话等，在用户个人中心中可以去设置用户本人的信息，在添加的好友中可以对好友进行备注、标签、描述等功能，在后台中，管理员能够对进行用户管理、消息管理、系统管理和服务管理等功能。

二、开发工具及环境

1. 操作系统：Windows10
2. 开发环境：Idea、Tomcat9、Navicat、MySQL8
3. 开发工具：Idea、Navicat、AnotherRedisDesktopManager、Final Shell
4. 开发技术：Spring Boot、Spring Security、 Mybatis、Mybatis-Plus、Netty、 WebSocket、Redis、MySQL、Vue2、Axios、Element UI

三、前台系统主要功能实现界面展示

1.登入模块

2.主页模块

3.好友设置模块

4.好友动态模块

5.个人中心模块

6.好友设置详情

7.视频通话

8.语音通话

9.对消息操作

四、后台系统主要功能实现界面展示

1.登入模块

2.后台主页

3.用户管理

4.系统管理

5.日志管理

五、结语

        前端采用Vue2框架进行搭建，使用Element UI对整体页面进行构建，数据请求使用axios对后端进行请求访问，实时方面则通过WebSocket来建立长连接来随时响应数据。

        后端基于Spring Boot整合了Netty来完成消息推拉，通过Spring Security对身份权限进行校验，在POST请求中还添加了AES对称加密，提交数据安全性。

        最后，整体界面借鉴了QQ、微信、腾讯会议等通信软件进行整体设计和功能实现、相对于这些软件的优势在于不需要额外的下载APP，不需额外占用过多内存即可实现实时聊天。