基于PHP的网页游戏《怪兽星球》网站平台的设计与实现.docx

基于PHP的网页游戏《怪兽星球》网站平台的设计与实现.docx

《基于PHP的网页游戏《怪兽星球》网站平台的设计与实现.docx》由会员分享，可在线阅读，更多相关《基于PHP的网页游戏《怪兽星球》网站平台的设计与实现.docx（53页珍藏版）》请在冰豆网上搜索。

基于PHP的网页游戏《怪兽星球》网站平台的设计与实现

基于PHP的网页游戏《怪兽星球》网站平台的设计与实现

基于PHP的网页游戏《怪兽星球》网站平台的设计与实现

计算机科学与技术专业学生某某

指导老师某某

摘要：

随着Internet技术的发展，网页游戏渐渐进入了人们的日常生活，随着偷菜游戏的出现，网页游戏由于它简单、易操作、无时间限制等原因，出现了“井喷式”增长。

正如国内的人人网、QQ等社交网站（SNS）一样，网页游戏的用户之间的交互往往是通过网站平台来完成的，随着网页游戏的日益增加，越来越多的网页游戏嵌入到网站平台。

本设计尝试使用PHP技术架构一个符合《怪兽星球》这款网页游戏的网站平台，使得用户在网站平台上能够得到更好的交流。

本文详细介绍了网页游戏《怪兽星球》网站平台的设计与实现，该系统采用B/S结构，采用DreamWeaver编程软件，使用PHP和JavaScript语言技术进行动态窗体页面的设计，使用ajax异步传输技术进行数据的传输，在网站和游戏的接口设计部分数据传输使用的是json轻量级数据传输方式，后台数据库选用MySQL数据库。

关键词：

SNS；Php；MySql；Ajax；Json

ThedesignandimplementationofPHP-basedwebgame

"MonsterPlanet"WebPlatform

StudentmajoringinComputerScienceandTechnologymoumou

Tutormoumou

Abstract:

WiththedevelopmentofInternettechnology,onlinegamesgraduallyintopeople'sdailylives.Withtheemergenceof"tostealfood"webgame,aswebgamesissimple,easytooperate,notimelimitsandotherreasons,a"blowout"growth.SuchasdomesticUcenterHome,QQandotherSocialNetworkingServices（SNS）,webinteractionsbetweenusersofthegameisoftendonethroughthewebplatform,withtheincreasingwebgames,moreandmorewebgamesintothewebplatform.ThedesignattemptsinusingPHPtechnology,createawebsitetomeetthe"MonsterPlanet"webgames,allowsusersonthesitecanbebettercommunication.

Thispaperdescribesawebgame"MonsterPlanet"webplatformdesignandimplementation.ThesystemusesB/Sstructure,programmingsoftwareusingDreamWeaver,PHPandJavaScriptlanguagetechnologyindynamicformpagedesign,theuseofajaxasynchronoustransmissionofdatatransmissiontechnology,thewebsiteandthegameinterfacedesignpartofthedatatransmissionusinglightweightjsondatatransmission,MySQLdatabaseback-enddatabaseused.

Keywords:

SNS;Php;MySql;Ajax;Json

引言

本设计源于作品学习型创意网游《怪兽星球》，该作品是我们参加第八届齐鲁软件设计大赛的作品，并且获得了山东省一等奖的好成绩。

学习型创意网游《怪兽星球》是我们的合作作品，该作品主要分为游戏部分、网站平台和api（游戏和网站的接口）部分、安装包部分、小游戏部分四个部分，本文主要介绍的是网站平台和api（游戏和网站的接口）部分。

近年来,国内社交网站如雨后春笋般涌现,人人网应用,开心网应用,UCenterHome等,正处于迅速发展阶段。

而国外的FaceBook（脸谱网）上的网页游戏,已风靡全球，随着社交网站的建立，社交网站内嵌的网页游戏随之应运而生。

要做好一款好的网页游戏，必须要有一个相对完好的载体，也就是社交网站，从网页游戏的发展来看，网页游戏只有依托社交网站上用户之间的信息交互，才能完成用户间关系的建立和交互，当网页游戏摆脱了社交网站也就变得单调而无味。

最初的社交网站只是用于用户双方的建立好友关系和信息交互，并没有嵌入游戏，随着技术的发展，出现了像某某农场之类的网页游戏，这样在门户网站上嵌入网页游戏提高了用户双方的信息交互的趣味性，得到了用户的青睐，如今网页游戏的质量和多少已成为了社交网站争取用户数量和用户在线时间的重要因素，像国内的QQ、同学网和校内网等大型的社交网站都嵌入了大量的网页游戏，国外的FaceBook（脸谱网）更是如此，所以网页游戏和社交网站的关系也就如鱼与水的关系，相辅相成，一个网页游戏必须要有一个好的门户网站支持。

分析门户网站的优点,主要有以下方面:

界面美观：

网站的页面布局和颜色搭配是用户对本网站第一印象，如果网站的页面大方美观可得到用户的青睐，使用户心情舒适。

操作简单：

网站上的功能方便用户的使用，不需要太多的理解，就能完成所有操作，用户比较关心的内容能够尽量显示在页面醒目的位置，便于用户使用，要充分理解用户惰性操作的特点。

易于交互：

用户之间可以方便的加为好友、相互留言、查看彼此界面等，易于用户彼此间的交互。

易于扩充：

独立的API，统一的接口，可以方便的使更多的游戏接入，使网站更容易的扩充。

因此,能够很好的把握上述要素，就能成功的实现社交网站功能。

1系统概述

1.1开发背景及意义

近年来,网页游戏的大量涌现，各大社交网站也纷纷公开自己的api，供用户上传自己的网页游戏，网页游戏成为了社交网站的一大亮点，网页游戏主要是提取社交网站上面用户的信息，在用户之间进行游戏交互。

由此可以看到，一款网页游戏必须要有一个用户之间数据交互的平台，只有这样才能增加游戏的趣味性。

现在要开发一款网页游戏，为了增加游戏交互性，使得用户能够在网站平台上交流自己的信息，相互之间可以留言，可以相互加为好友，在网站上完成这一系列的交互，既能增加游戏用户之间的交互的简易性，又能为前台的flash游戏减小数据交互压力，从而减轻服务器的压力，这样使得网页游戏和平台分开，前台flash游戏只需在需要数据时，通过api向服务器一次性申请数据，使得前台后台分开，从而也增加了游戏的可移植性，这样开发一款游戏，在有需要的情况下可以很容易的移植到其他网站，更利于游戏的推广。

1.2国内外网页游戏网络平台发展现状

在全球范围内，社交网络的通称是SNS，全称为SocialNetworkingServices，即社会性网络服务，指旨在帮助人们建立社会性网络的互联网应用服务。

中国式社交网站“开心网”在15个月时间内迅速发展到3000万用户，页面浏览量达7亿；Alexa全球排名100名左右，中国排名第13位。

与此形成鲜明对比的是，这个网站在2008年3月起步时的数据：

300名种子用户，300万元的投资，8个人的团队。

定位为“办公室传播”的开心网横空出世，正让不少公司老板们大伤脑筋。

在相当一部分企业中，员工“上瘾”的比例是一半以上，甚至80%。

近日，有企业开始提出封杀“开心网”，有企业明文规定发现则罚款，甚至解雇。

根据本周最新的市场研究机构尼尔森报告，网友愈来愈热衷于社交网站，一年来光是美国网友在社交网站上所花的时间就增加了83%，在著名社交网站Facebook上耗费的时间更是增长了700%。

社交网络是一个真正的全球现象，连美国总统奥巴马都在Facebook上建有账户，拥有600多万个好友。

研究显示，2009年全球7亿多人使用社交网络服务，占网民总量的60%，最新的市场估值高达271亿美元。

1.3本文研究的内容

本文详细介绍了网页游戏《怪兽星球》网站平台的设计与实现，并介绍了系统各个模块的主要功能和数据库设计及功能。

1.4开发可行性分析

1.4.1管理上的可行性

在现有的社交网站看来，社交网站的管理主要是对用户的管理和游戏数据的管理，游戏数据的管理在测试阶段，经过多次的运算和测试能够达到游戏运行的要求，并在上传后可以做进一步的调整，用户的管理，我们这后台增加了监控机制，对一些言论偏激的非法用户可以屏蔽其空间，这样我们可以做到用户和游戏数据的管理。

1.4.2技术上的可行性

根据系统目标需求分析得结果来看，可以通过Dreamweaver为开发环境，Apachec为服务器，Mysql数据库，选择PHP和javascript等语言就可以解决相关的问题，从而保证系统功能的实现。

1.4.3经济上的可行性

从现阶段来看，无论是社交网站还是网页游戏都是现在最火热的网络活动，在开发成本我们无需投入过多，现阶段各大门户网站都已经公开自己的api我们在自己的网站平台上测试成功之后，由于我们采用的就是前台的flash界面和后台的程序分开的方式，即通过api的方式，所以可以很方便的上传到各大网站。

这样对我们的网页游戏的传播提供了捷径，这样我们会得到最大的经济回报。

1.4.4执行可行性

本系统采用IE浏览界面，是大家熟悉的，本平台的各项功能尽量和现有的大型社交网站相似，这样使得用户更加熟悉，对于用户只需要具有一般的计算机知识的人员都可以轻松上手。

而且整个系统采用最友好的交互界面，简洁明了，不需要对数据库非常了解。

因此，该系统的操作是可行的。

1.5作者完成的工作

本设计源于作品学习型创意网游《怪兽星球》，该作品是我们参加第八届齐鲁软件设计大赛的作品，并且获得了山东省一等奖的好成绩，在中国石油大学东营校区参加复赛过程中得到了命题老师和大赛评委的一致好评，该作品的任务量之大，涉及技术之多，都可以称得是众多参赛作品的佼佼者，作品游戏部分有一共五万四千余行代码，涉及php,mysql,flex,actionscript3,javascript,ajax,json,md5等技术，使用软件有flashbuilder4，photoshop，dreamweaver，firebug,xampp,apache等。

学习型创意网游《怪兽星球》是我们的合作作品，该作品主要分为游戏部分、网站平台和api（游戏和网站的接口）部分、安装包部分、小游戏部分四个部分。

我主要负责的是网站平台和api（游戏与网站平台的数据接口）部分的设计与实现。

网站平台与api设计主要是负责嵌入游戏部分，完成用户之间信息的交互，并将用户的信息通过api提交给游戏，完成网站平台和api实现的主要工作有：

（1）用户的注册和登录。

用户的注册和登录遇到的主要问题就是异步传输，当用户输入信息后能够立即进行判断，并返回判断结果。

（2）用户好搜索与添加和删除好友。

主要是用户可以搜索好友并申请添加或者删除好友，申请时要等待好友的确认，并在这一模块增加了同等级的好友的列表，方便用户添加好友。

（3）用户的留言功能。

用户之间可以相互留言，留言功能为了减轻服务器的压力采用了ajax异步传输方式，第一次只显示15条，当用户申请时再显示更多。

（4）用户的发表状态以及好友对状态回复功能。

好友对状态回复，也是为了减轻服务器的压力，采用ajax异步传输方式，只显示好友的最新的3条回复，在用户申请时再展开更多的回复。

（5）用户的相册管理和图像的上传功能。

用户可以上传图像，并可以定义某一个图像为自己的头像。

（6）用户的好友列表。

通过分页的方式显示用户的所有好友，并且可以搜索自己的好友。

（7）用户的最近来访的好友列表。

在用户的个人主页右侧显示用户最近来访的好友主页。

（8）用户个人信息的添加及修改。

用户可以自己添加自己的个人信息和修改。

（9）用户游戏数据的查看。

在用户个人主页中间部分显示用户个人的游戏数据。

（10）用户登录密码的修改。

（11）好友的个人界面。

主要用于好友的个人主页界面的浏览。

（12）用户管理。

用户管理主要包括用户的搜索，普通用户和管理员用户的管理三部分，可以参看用户信息，屏蔽用户空间。

（13）游戏数据的管理。

主要包括植物数据、动物数据、工具数据、任务数据、装饰数据、等级数据、用户游戏数据的管理和清空备份几部分，为了减轻服务器的压力，考虑到这些数据修改不太频繁，将其存在了文本当中，游戏运行时加载文本即可。

（14）API的设计。

API就是网站平台和游戏数据交互的接口，主要包括获取好友的初始信息、获取玩家自己的初始化信息、种植（购买+种植）一种作物、移动作物到新的位置、删除作物、收获一种作物、获取好友发送的消息、给某个好友留言、删除一条留言、从好友地中拾取作物、提交竞技场游戏成绩、出售果实、获取用户某一游戏的成绩、检查是否升级、判断是否符合完成指定任务的条件、获取好友列表等接口，在这里主要使用轻量级数据传输json编码的方式传送数据，完成与前台游戏界面的数据传输。

2系统需求分析

2.1目标和任务

网页游戏《怪兽星球》的网站平台基于B/S（浏览器/服务器）模式,通过对一些典型社交网站的考察、分析，并结合企业要求,开发一套拥有前后台的网站平台，需满足以下要求：

（1）统一友好的操作界面，保证网站的易用性。

（2）全面的提示机制，判断用户所有可能的操作，并作出相应的反应。

（3）借鉴现有大型网站，尽力使用户尽快上手。

（4）做好完整的API，并保证API和各大网站的通用性，保证网页游戏的移植性。

（5）做好服务器的优化，无论在数据传输，还是在数据存储，都尽量减小服务器的压力。

系统的主要任务有：

（1）处理对象：

主要涉及的数据有：

用户留言、用户的好友信息、用户的相册、游戏数据等等。

（2）处理功能要求：

本系统完成用户与用户信息交互，游戏数据等之间的数据联系，形成一个支持网页游戏的网络平台。

具体包括以下几点：

用户之间相互加为好友，相互浏览主页，相互留言，游戏交互，管理员管理游戏数据和用户数据等等。

2.2系统功能分析

2.2.1功能性需求概述

网页游戏《怪兽星球》网站平台是网页游戏数据和后台数据的接口也是用户之间交流的平台，使用户在与好友交流的同时，可以达到游戏的目的，网站平台尽力做到减轻服务器压力，降低前台数据和后台数据的交互频度，使得前台的游戏运行起来更加轻松，也使得服务器的压力更小。

通过以上分析可知，本系统分成三个模块：

用户界面模块、后台管理模块和游戏与服务器之间的接口模块（后面成为api模块）。

1、用户界面模块功能如下：

（1）用户注册：

用户需要填写邮箱、用户名、密码；这些都通过ajax异步传输技术，进行实时监控提醒；

（2）用户登录：

使用异步传输技术，实时跟踪用户所填信息的进行提醒。

（3）个人主页：

主要包括用户头像、用户好友列表、用户最近来访好友列表、用户留言、用户最近动态、用户相册等、页面使用div+css流式布局，是页面美观大方，多处采用异步传输技术，尽力减少服务器的压力，也使页面显得更加友好。

（4）好友动态：

主要包括有好友交友的信息，好友上传相册的信息，好友留言的信息等等；

（5）用户好友：

主要包括好友列表，查找好友等；

2、后台管理模块功能如下:

管理员管理界面这里主要参看用户信息、屏蔽用户、管理游戏数据等，在管理游戏数据时将游戏数据存在文本当中，用数组方式存储，避免频繁调用数据库，尽力减少服务器的压力。

3、api模块功能如下:

api的设计主要包括获取好友的初始信息、获取玩家自己的初始化信息、种植（购买+种植）一种作物、移动作物到新的位置、删除作物、收获一种作物、获取好友发送的消息、给某个好友留言、删除一条留言、从好友地中拾取作物、提交竞技场游戏成绩、出售果实、获取用户某一游戏的成绩、检查是否升级、判断是否符合完成指定任务的条件、获取好友列表等接口，在这里主要使用轻量级数据传输json编码的方式传送数据，完成与前台游戏界面的数据传输，系统的结构如图2-1所示：

图2-1系统结构图

2.2.2系统流程分析

该网站完成的流程是在用户完成注册登录后，可以直接玩游戏，也可以进入网站平台完成完善个人信息、上传相册、添加好友、删除好友、好友留言等一系列的活动，个人主页的流程图如图2-2所示：

图2-2个人主页流程图

2.2.3系统目录结构

系统目录结构的规划非常重要，这样可以更加方便管理程序，体现出清晰的思路。

通过对系统结构的分析，可以按照功能模块来划分系统目录结构，系统目录结构如图2-3所示：

图2-3目录结构

由图可以看出，用户界面保存在user目录中，其下有50多个子目录：

db目录主要保存数据库文件的程序：

css保存样式表和javascript代码；image目录保存网站资料图；install目录主要保存网站安装信息；monsterplanet目录主要保存游戏界面的程序。

2.3数据库分析

2.3.1数据库需求分析

数据库需求分析是所有数据库系统设计的最重要一步，在这个步骤里需要对系统的所有数据存储进行分析和整理，以便得出具有稳定性和扩展性的存储结构，这也是数据建模的过程。

通过分析，不难得出主要有7个重要的实体对象，即用户表、用户新鲜事表、用户状态表、用户图片表、用户好友关系表、用户消息表及游戏数据表。

这7个表是该网站平台的核心。

2.4系统开发环境

2.4.1硬件平台

系统所需的硬件平台：

PⅡ以上的CPU，512M以上内存，硬盘80G以上，windowsxp操作系统。

2.4.2服务器平台

服务器：

Apache。

数据库软件：

MYSQL。

2.4.3开发工具

开发工具使用：

Dreamweaver、Firebug等其它辅助软件。

2.4.4技术构架

系统采用B/S技术架构，采用的主要技术有json轻量级数据传输，ajax异步传输，PHP+MYSQL编程方式。

JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式。

易于人阅读和编写。

同时也易于机器解析和生成。

AJAX不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。

通过AJAX，您的JavaScript可使用JavaScript的XMLHttpRequest对象来直接与服务器进行通信。

通过这个对象，您的JavaScript可在不重载页面的情况与Web服务器交换数据。

AJAX在浏览器与Web服务器之间使用异步数据传输（HTTP请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。

可使因特网应用程序更小、更快，更友好。

2.5数据字典

数据字典是一种用户可以访问的记录数据库和应用程序元数据的目录。

网页游戏《怪兽星球》网站平台的数据元素：

（1）编码：

1

名字：

用户信息

描述：

用户的个人信息，用于对用户的确认和更新

定义：

用户信息=自动编号ID+用户名（Email）+密码+注册时间+用户性别+昵称+玩家是否为管理员+玩家是否被锁定+玩家的头像链接地址

位置：

输入到用户浏览器（前台）

（2）编码：

2

名字：

用户状态

描述：

用户发表状态描述

定义：

用户状态=自动编号ID+状态内容+状态时间+用户的ID

位置：

输入到用户浏览器（前台）

（3）编码：

3

名字：

用户消息

描述：

用户收到消息的信息

定义：

用户消息=自动编号ID+消息正文+发送消息的时间+发件人id+收件人id+用户是否已读。

位置：

输入到用户浏览器（前台）

（4）编码：

4

名字：

好友关系

描述：

用户好友关系的信息

定义：

好友关系=自动编号ID+用户的ID+好友的ID+是否同意对方的好友请求

位置：

输入到用户浏览器（前台）

（5）编码：

5

名字：

用户新鲜事

描述：

用户新鲜事的信息

定义：

用户新鲜事=自动编号ID+发出新鲜事的用户ID+此条信息的标题+此条信息的正文+此条信息链接的图片地址+新鲜事链接地址+此条消息的发送时间

位置：

输入到用户浏览器（前台）

（6）编码：

6

名字：

用户图片

描述：

用户图片的信息

定义：

用户图片=自动编号ID+上传图片的用户的ID+图片的标题+图片的链接地址+图片上传时间

位置：

输入到用户浏览器（前台）

（7）编码：

7

名字：

用户游戏信息

描述：

用户的游戏信息

定义：

视频信息=自动编号ID+此条信息的Id号+怪兽星球上种植园的种植信息（包括种植的植物信息，装饰物信息等）+玩家的等级+玩家的经验值+玩家的怪兽数据信息+玩家的任务信息+玩家使用辅助工具+玩家的装饰物+玩家的上次登录时间

位置：

输入到用户浏览器（前台）

3系统概要设计

3.1系统结构设计

系统结构设计是结构化系统分析与结构化程序设计之间的接口。

结构化系统设计运用了一套标准的设计准则工具，采用模块化方法进行新系统层次关系和模块分解设计，结构化系统设计的核心是模块分解设计，其基本思想是以系统的逻辑功能设计和数据流关系为基础，根据数据流程图和数据字典，借助于一套标准的设计准则和图表工具，通过“自上而下”的逐层分解，把系统划分为多个大小适当、功能明确、具有一定独立性、并易于实现的模块，从而把复杂系统设计转化为多个简单模块的设计。

3.1.1系统体系结构

目前，Web项目较为流行的开发模式是三层逻辑体系结构，本系统的开发按照WindowsDNA（WindowsDistributedInternetApplication，分布式互联网应用结构），采用基于XML的三层B/S体系结构。

MVC的设计思想简介，MVC的设计思想将平台划分为表现层、业务层、数据访问层、数据库层。

表现层（PresentationTier）对应于MVC的V（View），负责系统的表示逻辑，主要是每个php页面。

业务层（BusinessTier）体现系统的业务逻辑。

业务层起到了BusinessDelegate的作用，屏蔽了表示层，有利于重用业务模型。

数据访问/集成层（DataAccess/IntegrationTier）负责进行数据访问及系统间交互操作。

数据访问组件负责与关系型数据库打交道，进行具体的增删改查（CRUD）操作，MVC三层逻辑体系结构如图3-1所示：

图3-1三层逻辑体系结构

3.1.2系统总体功能结构

在网站平台系统的设计过程中，系统划分的一般原则如下：

（1）子系统要具有独立性。

即应把相对独立的事务处理过程作为一个子系统。

这样的子系统具有较高的内聚性，与其它的藕合较弱，便于软件开发、使用及日后系统维护。

（2）子系统的划分结果应使数据冗余度较小。

应避免部分数据在多个子系统中出现，尤其是修改，以保证系统的安全性、可靠性和数据的一致性。

（3）子系统的划分应能满足目前和日后管理上的需要，功能应齐