分享
 
 
 

PRADO 2.0.1 快速入门教程 -- 第三章.范例: the Hangman Game

王朝other·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

第三章.范例: the Hangman Game 这一章将会讲一下开发一个基于Web的Hangman Game(猜词游戏)。这里面会用到一些PRADO的组件。这个游戏说明了显示状态使PRADO页面具有很强的交互性。

这个游戏只包括了一个页面来实现以下的功能:当用户第一次访问的时候,允许用户选择三种不同难度来开始这个游戏,不同的难度对应着不同的可以猜错的次数。游戏开始后,页面的上半部分会显示要猜得单词,没有猜中的字母用下划线显示。页面的下半部分列出了26个字母,用户可以点击对应字母来选择要猜的字母。如果用户放弃游戏或者错误次数超过了难度限制,会显示失败信息;如果猜对了,会显示成功信息。任何时候用户都可以重新开始游戏。

范例中会使用的 PRADO 组件包括:

TRadioButton: 显示一个单选框。 TPanel: 显示 元素。

TLabel: 显示文本。 TButton: 显示一个提交按钮。 TLinkButton: 显示一个提交操作的超链接。 TForm: 显示 <form> 元素。 这些定义好的组件通过属性和事件已经封装好了很多功能。比如,可以设置TPanel 的Visible 属性来控制整个元素是不是可见。可以给TButton 组件的OnClick 事件指定一个响应函数,这样当用户点击按钮的时候就会自动调用响应函数。请参考PRADO API文档中关于这些组件更详细的信息。 游戏中的一些数据在游戏过程中需要一值保持着的。因为这里只用了一个页面,所以可以使用显示状态而不需要使用session来保存这些数据。下面这些数据需要保存在显示状态中:

Word:要猜得单词。 GuessWord: 正在猜的单词(没有猜中用下划线显示)。 Level:游戏的难度级别。 Misses: 猜错的次数。 他们都被定义在页面的属性中(当然也可以不这么做)。 我们需要创建6个文件。假定这个应用放在Web服务器的根目录下,这些文件是:

hangman.php : 应用的主入口; hangman.spec: 应用的配置文件; hangman/HomePage.php: 页面类文件; hangman/HomePage.spec: 页面规格文件; hangman/HomePage.tpl: 页面模板文件; guesswords.txt: 包含要猜得单词的文本文件。 下面主要讲一下HomePage 类的三个文件,其他文件和"Hello,world!"例子是类似的。

HomePage.tpl 首先来说一些页面模板文件。这个过程也是PRADO应用开发的过程。首先在页面模板中组合PRADO组件,然后就可以测试一下这个页面的显示样子,最后编写页面类文件中需要的代码。这是一个典型的RAD(快速应用开发)的开发过程。

这个模板文件的位置是 examples/hangman/HomePage.tpl .

可以看到这个模板被分成4个组件startPanel, guessPanel, winPanel, 和losePanel ;他们将根据游戏的状态来决定是否可视。

在 startPanel中,使用了三个 TRadioButton 组件让用户可以选择游戏的难度。TButton 的OnClick 事件指定了一个响应函数onSelectLevel ,当用户选择难度后点击了按钮就会被触发。如果用户没有选择难度,TLabel 组件会显示一个错误提示信息。

在 guessPanel中,三个表达式标签用于显示页面的 GuessWord, Misses,和 Level 属性。同时还有一系列的TLinkButton 组件来显示字母A到Z,它们用于让用户点击选择猜哪一个字母。不管是猜对了还是猜错了,以后这个字母就不允许再被点击了。注意,所有的这些 TLinkButton 组件都有同样的一个事件OnClick 的响应函数onGuessWord 。

winPanel 和 losePanel 会显示成功和错误的信息。如果用户点击了面板上的TLinkButton ,OnClick 事件的响应函数onStartAgain 会被触发。

HomePage.spec 这个页面规格文件在 examples/hangman/HomePage.spec。它很简单,就是定义了4个页面的属性: Misses, Level, GuessWord 和 Word .

HomePage.php 这个页面类文件在 examples/hangman/HomePage.php。

页面类 HomePage 继承了框架提供的 TPage 类。

getter和setter函数用来定义页面属性。注意: getViewState() 和 setViewState() 函数被调用了,用来返回和保持属性的数据。这两个函数在TPage 的父类TComponent 中实现。它们是显示状态机制的主要代码。保存在显示状态中的数据在页面的postback中是一直保存着的。

接下来实现了4个事件响应函数: onSelectLevel(),onGuessWord(), onGiveUp() 和 onStartAgain()。它们对应着在页面模板中指定的OnClick 事件响应函数。四个函数的具体内容就不再解释了,一看就明白。

现在你可以试试这个游戏,访问 URL: http://<Web-server-address>/examples/hangman.php .

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有