论文总字数：36469字

摘 要

在互联网飞速发展的大环境下，人们的交流变得更加便利与快速。人们已经习惯于在网络上进行交友和交流，新型的互联网交流能满足大部分人们的社交需要。人们可以在网络上进行文字交流，语音交流，甚至于视频交流。但是随着新型互联网交友的发展，现如今人们更多的被捆绑在各种软件上，只有安装特定软件才可以进行交流。致使人们在不同的使用终端上的操作变得繁琐，而轻量化的社交软件这时就显得尤为重要。

本课题中就是根据轻量化的思想，先在文中对研究意义和开发思想进行了阐述，接着介绍了本系统用到的开发工具，其中重点介绍了后端使用的Node.js。然后对整个系统进行了分析，然后说明了系统的数据存储设计，最后依据前后端对具体的实现进行了说明。

关键词：Node.js Vue.js 聊天室 Socket.io MongoDb

Design and Implementation of Entertainment Chat Room Based on Node.js

Abstract

In the context of the rapid development of the Internet, people's communication has become more convenient and fast. People have become accustomed to making friends and exchanges on the Internet. The new Internet communication can meet the social needs of most people. People can exchange text, voice and even video on the Internet. However, with the development of new Internet dating, people are now more bundled with various software, and only by installing specific software can communication. As a result, people's operations on different terminals become cumbersome, and lightweight social software is particularly important at this time.

In this topic, based on the idea of lightweight, the research significance and development ideas are first explained in the article, and then the development tools used in this system are introduced. Then the whole system is analyzed, then the data storage design of the system is explained, and finally the specific implementation is explained based on the front and back ends.

Keywords: Node.js;Vue.js;Chat Room;Socket.io;MongoDb

目 录

摘要 I

Abstract II

目 录 iii

第一章 绪论 1

1.1 课题研究的背景 1

1.2 课题研究的意义 1

1.3 系统设计思想 2

1.4 本论文的内容组织结构 2

第二章 开发技术和开发工具 3

2.1 开发工具简介 3

2.2 开发技术简介 3

2.3 本章小结 4

第三章 系统分析 5

3.1 模块划分 5

3.2 模块功能描述 5

3.2.1 用户信息模块 5

3.2.2 聊天模块 6

3.2.3 音乐模块 7

3.2.4 游戏模块 7

3.2.5 房间信息模块 8

3.3 用户行为流程分析 9

3.4 本章小结 10

第四章 数据存储设计 11

4.1 服务端数据库设计 11

4.1.1 用户信息集合 11

4.1.2 房间信息集合 12

4.1.3 emoji集合 13

4.1.4 score集合 14

4.1.5 music集合 14

4.2 客户端数据存储设计 15

4.3 本章小结 17

第五章 后端服务设计和实现 18

5.1 后端服务设计 18

5.2 socket.io后端服务实现 19

5.3 HTTP服务实现 26

5.3.1 chatcontroller 27

5.3.2 gamecontroller 27

5.3.3 musiccontroller 28

5.3.4 usercontroller 28

5.4 本章小结 29

第六章 前端设计和实现 30

6.1 目录结构设计 30

6.2 页面设计 31

6.3 组件设计 36

6.3.1 header组件 36

6.3.2 footer组件 37

6.3.3 content组件 38

6.3.4 game组件 47

6.4 路由设计 51

6.5 本章小结 53

第七章 总结与展望 54

7.1 总结 54

7.2 展望 54

参考文献 55

致谢 58

第一章 绪论

1.1 课题研究的背景

社交活动是人们不可或缺的活动之一，它在人们的日常生活中占据着重要的地位，良好的社交活动不仅有利于个体的成长，更是会对整个社会的产生良性影响。在如今网络飞速发展的情况下，基于人们对社交的迫切需要，市面上涌现出许许多多的社交应用，它们形形色色，都拥有着各自的特点。在这其中，QQ，微信，陌陌，Soul是实时交流产品中的佼佼者，但是它们却拥有着同样的问题。那就是都需要安装特定软件进行使用，在快速，轻便的大背景下，让用户在每一台新设备上都需要进行安装软件再使用是极为不便的。

所以在这时，市场需要一个不需要安装，即开即用的社交软件来满足用户需求。

1.2 课题研究的意义

在进行了资料查阅后发现单页面应用非常符合即开即用的需要。Vue.js是前端设计中使用的一款渐进式的JavaScript框架。它可以开发单页面应用，只需要使用Webpack把开发代码进行打包即可上线，用户则只需要使用浏览器访问页面即可进行使用。用户不再需要去单独下载特定的app，简化了用户的操作。

研究此应用的价值，主要体现在三个方面：

1. 轻便快速

解决了用户在使用软件前的繁琐操作问题，用户在任何终端都只需要一个浏览器即可正常使用。

1. 功能丰富

用户在此单页面应用中不仅可以进行文字，语音的消息交流，更是设置了小游戏与音乐播放，让用户有着沉浸式的娱乐体验。

1. 拓展方便

此应用结构清晰明了，因为使用vue的关系前端拓展非常简便，只需要进行组件的添加即可做到功能拓展，后端只需补充相应接口。

1.3 系统设计思想

本聊天室系统整体设计思想要求模块结构清晰，功能按需体现，详细设计思想如下：

1. 本应用的需要用户的注册，登录
2. 本应用需要聊天模块，音乐模块，游戏模块
3. 应用的核心功能是实时聊天，所以网络请求的速度要快速
4. 数据库因为存储的大量信息为用户的聊天记录，所以非关系型的数据库更加适合此应用
5. 权限处理要清晰，对于需要权限进行的操作进行权限检查，不符合权限要求的操作要进行拦截和信息提示。

1.4 本论文的内容组织结构

第一章 绪论：主要介绍课题的背景大环境，设计课题的意义以及系统的设计思想。

请支付后下载全文，论文总字数：36469字