H5B之4服务器端移动Hello World教程
2014-04-22 14:24
281 查看
Server Mobile Hello World
在这个教程里,将指导你创建一个服务端移动 HelloWorld应用,这里用到以下3个控件:一个
text field 用于输入姓名。
一个
label 用于显示信息。 to display a message.
一个
button 当你点击时,label上将会显示“Hello Html5Builber!”,Html5Builder 是在text field里输入的内容。
目录1 创建一个应用2 添加一些控件 3 编写按钮点击事件代码 4 运行应用 5 发布应用 |
1、创建一个应用
你可以在【Home】视图(见下图)下【New】里创建新的文件和项目。左边的树形视图选【HTML5 Builder Projects】,然后在右边双击【Server Mobile Application】一个新的空白的server mobile page 将被创建,并打开【Design】 视图(如下)
2、添加一些控件
移动鼠标到【Tool Palette】(在右上角)并点击(+)【Mobile】展开,选择【MEdit】并拖到【MobileDesigner】,一个Medit控件就创建成功了。
重复这个步骤,再增加【
MLabel】和【MButton】 控件。
现在【Mobile Designer】上有3个控件,用鼠标点击其中一个控件。
你可以在【Object Inspector】查看和改变控件的属性。
接下来,修改【MButton】的【Caption】属性为【Say
Hello】,【ButtonType】修改为【btNormal】。
清空【MLabel】的【Caption】属性,清空【MEdit】的【Text】属性。
3、编写按钮点击事件代码
在移动应用里,任何用户的动作都用事件来实现。对于【MButton】最典型的事件就是click事件,双击【Mbotton】Html5Builder就会创建一个按钮的click事件。
输入以下代码,实现点击按钮在Mlabel上显示“Hello <Medit输入的姓名>”。
$this->MLabel1->Caption = "Hello, ".$this->MEdit1->Text."!";
在PHP里,字符串用双引号“”,字符串的连接用(.)句号。
当你输入代码时会有一些自动提示说明。
4、运行应用
点击【main toolbar】上的Run按钮就可以测试一下你的Hello World!应用了。在Medit上输入一些文本比如Html5builder,然后点【Say Hello】按钮,Mlabel上就会显示Hello Html5builder!
5、发布应用
服务器端移动应用必须发布到Web服务器上,发布前要先设置【UseAjax】和【UseAjaxUri】属性。【Home】视图的【Deploy to Mobile】可以发布你的应用。支持的平台有
iOS,
Android,
BlackBerry,和
Windows Phone.
相关文章推荐
- H5B之2客户端移动Hello World教程
- H5B之5服务器端Web Hello World教程
- 使用ReadyBoost功能和移动存储设备为win7系统提速图文教程
- RakNet简单应用——hello World(服务器端)
- 2012移动开发教程盘点:最棒的国外游戏开发站
- C语言教程之一:Hello World
- flask 大型教程项目优化版(1):Hello World
- 无废话ExtJs 入门教程二[Hello World]
- Silverlight实例教程 - Validation服务器端异步数据验证(转载)
- 移动数据分析服务使用教程
- 移动界面控件Essential Studio for Mobile MVC网格控件教程:网格控件
- Kendo UI开发教程(27): 移动应用开发简介
- MyEclipse移动开发教程:构建MobiOne应用(二)
- 基于HTML5移动app开发教程一
- Java API——RMIIO入门教程(3)远程流传输示例之RMIIO服务器端源码
- cocos2d-x游戏开发系列教程-超级玛丽09-怪物激活与移动
- H5教程:移动页面性能优化
- 《暗黑世界》《烽烟OL》服务器端零基础架设图文教程!
- 大数据Hadoop基础教程之搭建开发环境及编写Hello World
- JavaScript强化教程——DOM编程(两种控制div移动的方法)