摘要：计算机的发展速度在近些年来可谓是越来越快，其中计算机网络更是首当其冲，人们生活中的方方面面都可见网络的身影。各种大大小小的在线服务系统，更是对人与人之间的联系和交流方式产生了不可忽视的影响，让人们即便相距很远也能实现随时通讯。现代生活的需要与过去的一些陈旧的联系方式产生了不可抗拒的排斥。现如今的人们上网所必须要的工具便是即时聊天程序，它除了能够让您在网上快速找到一些聊天的伙伴或者自己的朋友之外，还可以与他们进行实时交谈和传递信息，也就是所谓的聊天。各大企业也都拥有自己的局域网，在局域网中使用即时聊天程序，企业的信息流程，信息交换速度也被大大优化，工作效率也因此得以提高。

本聊天app以IDEA作为后端开发工具，Hbuilder作为前端开发工具，以MySQL作为数据库服务器，在Tomcat8.0模拟服务器的支持下，后端采用Spring Boot作为核心框架。该聊天app采用的是Spring Boot+MUI+Netty+ MySQL来实现的，后台主要是以Spring Boot技术来实现的，前台采用的是MUI实现的，界面布局美观简洁大方。

本聊天app包含5大功能模块，包括个人模块的管理、添加好友模块的管理、通讯录模块的管理、聊天模块的管理、群聊模块的管理。其中个人模块中包括对自己的个人信息、头像等进行修改的功能。添加好友模块包括按昵称搜索用户、扫描二维码添加用户等功能。通讯录模块包括搜索好友、按字母分类排序好友、删除好友等功能。聊天模块包括展示聊天快照、保存聊天记录、渲染聊天界面、发送聊天信息等功能。群聊模块包括创建群聊、删除群聊、发送群聊等功能。整个app运行稳定，性能良好。

 

关键字：聊天app；前后端分离；MUI；SpringBoot；Intellij Idea；Hbuilder；

 

目录

摘要

Abstract

1 引言-1

1.1课题研究意义-1

1.2课题研究目标-1

1.3国内外发展趋势-1

1.4研究现状-2

1.5研究内容-2

2 相关技术介绍-2

2.1 Maven技术-2

2.2 SpringBoot-3

2.3 Netty-3

2.4 MUI-3

2.5 MyBatis-4

2.6 Nginx-4

2.7 FastDFS-4

3 系统分析-4

3.1需求分析-4

3.2可行性分析-5

3.3功能需求-5

3.4数据需求-6

4 总体设计-6

4.1结构设计-6

4.2数据库设计-7

4.2.1概念结构设计-7

4.2.2逻辑结构设计-8

4.2.3数据库表设计-8

5 系统详细设计与实现-10

5.1主要模块功能简介-10

5.2个人管理模块-11

5.2.1用户注册、登录-11

5.2.2个人头像-13

5.2.3个人昵称-14

5.2.4个人账号-16

5.2.5我的二维码-16

5.2.6退出登录-17

5.3添加好友模块-18

5.3.1搜索用户-18

5.3.2扫一扫-19

5.3.3添加好友请求接收-20

5.4通讯录模块-21

5.4.1通讯录-22

5.4.2搜索好友-22

5.4.3我的群-23

5.4.4创建群聊-24

5.5聊天模块-25

5.5.1聊天快照-25

5.5.2发送消息-26

5.5.3接收消息-27

5.5.4群聊天-28

6 系统测试-30

6.1测试环境-30

6.2测试用例及结果-30

6.2.1用户登录功能测试-30

6.2.2个人昵称修改功能测试-30

6.2.3 搜索好友功能测试-31

6.2.4 添加好友功能测试-31

6.2.5 扫一扫功能测试-32

6.2.6 聊天界面功能测试-32

6.2.7 聊天功能测试-32

6.2.8群聊天功能测试-33

6.3系统测试结果分析-33

7 总结-35

参考文献-37

致 谢-38