摘要：自从二十一世纪以来，随着网络的速度大幅度提升和通信技术的不断丰富与发展，网络通信已经成为当今当多数人的交流方式，大家不仅仅局限于书信和电话等交流的手段。

-选择网络聊天室作为交流和分享的工具，快速、实时、便捷、隐秘是聊天室最受用户青睐的特点，不仅可以为公司员工提供高效率的交流，还能为学生提供学习分享的平台，还能认识八方四海的朋友，该系统作为聊天工具适合大多数年龄段的人使用。

本系统主要是负责在聊天室内进行的消息发送与接收功能的实现，其次用户根据选择对象的不同还可以进行一对一的私密聊天，即可以发送文字信息也可以选择发送表情图案。除此之外，还有管理员管理用户，聊天头像的选择，在线用户的显示，聊天机器人等功能。

该系统开发模式是使用的C\S（客户端/服务器）模式，WebStorm是项目开发工具，采用Html、Css、Javascript、VueJS等框架实现前端开发，NodeJS和Mysql实现后台数据管理，用了WebSocket网络协议完成了客户端和服务器的全双工通信，避免了HTTP轮询滥用导致的页面不断刷新。

关键词：网络技术；网络聊天工具；聊天室

目录

摘要

Abstract

1-序    言-1

1.1-系统开发背景-1

1.2-系统开发目标-1

1.3-可行性及技术路线-1

1.3.1-技术可行性-1

1.3.2-操作可行性-1

1.3.3-经济可行性-1

2-系统关键技术介绍-2

2.1-JavaScript-2

2.2-VueJS-2

2.3-Node.js-2

2.4-WebSocket-3

3-需求分析-4

3.1-系统功能结构-4

3.2-模块功能分析-4

3.2.1-用户注册登录功能模块-4

3.2.2-在线用户显示功能模块-5

3.2.3-用户交流聊天功能模块-5

3.2.4-聊天信息显示功能模块-5

3.2.5-管理员管理用户功能模块-5

3.2.6-其他功能-5

3.3-系统数据流图-6

3.3.1-顶级数据流图-6

3.3.2-一级数据流图-6

3.3.3-二级数据流图-7

3.4-数据字典-7

4-系统概要设计-9

4.1-系统整体结构设计-9

4.2-系统功能模块结构-9

4.3-数据库分析与设计-12

5-系统详细设计-13

5.1-功能模块流程分析-13

5.1.1-用户注册功能模块-13

5.1.2-用户登陆功能模块-13

5.1.3-在线用户显示列表功能模块-14

5.1.4-用户交流聊天功能模块-15

5.1.5-管理员管理用户功能模块-16

5.1.6-其他功能-17

5.2-系统界面设计-18

5.2.1-登陆界面-18

5.2.2-注册页面-18

5.2.3-群聊天室界面-19

6-系统测试-20

6.1-功能测试内容-20

6.2-主要Bug及修复-22

结    论-23

参 考 文 献-24

致    谢-25