基于HTML5的聊天室系统设计与实现.docx

摘要：HTML5是下一代互联网的Web标准网页语言，其跨平台的支持得到不断增强。HTML5提供WebSocket API，在浏览器和服务器之间建立了一个基于TCP连接的双向通道。Web开发人员可以非常方便的地使用WebSocket构建实时Web应用。

-本文首先分析国内外研究现状，然后介绍本文用到了基于Node.js作为后端开发语言，HTML5配合EJS模板引擎，WebSocket作为即时聊天模块的技术支撑，Bootstrap作为前端样式库，采用Mongoose映射MongoDB数据库等关键技术，以及本文实例开发中如何用NPM包管理工具统一管理各独立的功能驱动模块和使用express-generator命令行快速构建项目的框架方法。接下来会详细说明如何利用WebSocket等技术实现一个简单的B/S结构的在线聊天室，并对当中遇到的问题进行分析和解决。本文创新点在于利用最热门的HTML5技术WebSocket结合Node.js后台实现一个简单的聊天室系统。

-本文理论研究到设计实现基本阐述HTML5的优缺点，并且提出一些针对不同浏览器使用WebSocket应该注意的问题和解决方法。此聊天室系统，基本上能够满足当今互联网用户的即使通信和交流的需求。解决用户随时随地就能上网聊天交流的问题。

关键词：HTML5，WebSocket，Node.js，Mongoose，B/S结构，聊天室系统

目录

摘要

Abstract

1引言-1

1.1 背景-1

1.2 目的与意义-1

1.3 国内外研究现状-1

1.4 课题主要研究内容-2

1.5 软硬件需求-2

1.6 论文结构-2

2开发工具及开发技术-3

2.1 开发工具-3

2.1.1 MongoDB-3

2.1.2 Node.JS-4

2.2开发技术-4

2.2.1 EJS模板引擎-4

2.2.2 Bootstrap-5

2.2.3 NPM简介-5

2.2.4 Express简介-5

2.2.5 Mongoose-6

3 需求分析-6

3.1 需求调研-6

3.2可行性分析-6

3.2.1 技术可行性分析-6

3.2.2 经济可行性分析-7

3.2.3 社会可行性分析-7

3.2.4 法律可行性分析-7

3.3 系统需求-7

3.4 功能需求-7

3.5 性能需求-8

3.5.1 安全性需求-8

3.5.2 完整性需求-8

4系统概要设计-8

4.1 系统用户用例图-8

4.2 系统功能模块设计-10

4.3 系统流程图-10

4.4 系统数据库设计-11

4.4.1 概念结构设计-12

4.4.2 数据库表设计-13

5详细设计与功能实现-13

5.1 Session检测模型分析-14

5.2 各功能详细设计-14

5.2.1 普通会员用户模块功能-15

5.2.2 群管理员模块功能-15

5.3 系统实现-15

5.3.1 系统登录模块实现-15

5.3.2 群管理员管理模块实现-21

6系统测试-25

6.1系统测试概述-25

6.2测试用例-25

6.2.1首页登录模块用例测试-25

6.2.2 用户注册模块用例测试-25

7 结论-26

参 考 文 献-27

致 谢-28