摘要：本文的网络游戏，为了使界面和业务逻辑分开处理，前端采用MVVM（Model View ViewModel）作为编程框架，后端使用MVC（Model View Controller）作为编程框架。使用HTML5，CSS3，ECMAScript6，Node等技术进行本系统的开发。使用HTML5+CSS3+JavaScript配合Vue2框架开发页面代码。使用Ajax和WebSocket进行前后端数据交互。选用MongoDB设计数据库，并使用VsCode作为编辑器开发。本程序主要实现用户的登录、注册。随机匹配用户进入游戏房间进行游戏、用户指定房间号码进行游戏等方面。系统开发主要包括前端应用程序和后台数据库两个方面。本文主要介绍游戏的可行性分析、需求分析、系统设计与系统实现等。

关键词：网络游戏；HTML5；WebSocket

目录

摘要

Abstract

1 引言-1

1.1 课题背景-1

1.2 国内研究现状-1

1.3 概念意义-2

1.3.1 网络游戏-2

1.3.2 你画我猜-2

2 开发技术与工具介绍-4

2.1 开发技术-4

2.1.1 B/S结构模式-4

2.1.2 MVC架构-4

2.1.3 MVVM架构-5

2.1.4 WebSocket协议-5

2.1.5 MongoDB-5

2.2 开发工具-6

2.2.1 Visual Studio Code-6

2.2.2 Node.JS-6

2.2.3 Chrome-6

2.2.4 Postman-7

3.系统分析-8

3.1系统需求分析-8

3.2 系统可行性分析-8

3.2.1 技术可行性-8

3.2.2 经济可行性-8

4 系统设计-9

4.1 功能模块设计-9

4.2 数据库设计-10

5 系统实现-12

5.1 登陆注册模块-12

5.1.1 登陆-12

5.1.2 注册-13

5.1.3未授权页面-14

5.2 房间模块-15

5.3 游戏模块-15

结    论-17

参 考 文 献-18