使用Flash Builder 4和Zend AMF创建数据为中心的简单应用

Data Centric Development 是Flash Builder 4的一大亮 点,以数据服务为中心的开发方式,大大方便了前端Flex与后端应用服务器的整合。今天我们以Hello World为例来介绍怎样使用Flash Builder 4和Zend AMF创建数据为中心应用 。

1. 新建项目:新建一个Flex工程,选择应用服务器类型为php,如下图:

新建工程

2. 创建UI:新建HelloWorld.mxml,在主程序中放置nameTextInput、submitButton和resultLabel。

3. 选择Zend AMF:在数据/服务视图中单击连接数据/服务,在PHP的三种数据服务中选择PHP(即Zend AMF),如下图:

新建Flex服务

4. 配置PHP服务:选择Web应用根目录下和PHP类也可以使用PHP模板类。此处选择已经写好的HelloWorld.php,详见使用Amfphp实现Flash与服务器通信

配置PHP服务

5. 自动安装Zend AMF:如果你的电脑先前未安装Zend AMF,此时会弹出一个提示框让我们自动安装,这种安装的一个好处就是不用额外配置。

安装Zend AMF

6. 选择服务操作:在服务操作对话框中将列出所选类的公有方法。

选择服务操作

7. 配置返回数据类型:在数据/服务视图中选择sayHello方法,在右侧工具栏单击配置返回数据类型按钮。

数据/服务视图

8. 在配置操作数据类型中选择String,如图:

配置返回数据类型

9. 生成服务调用:选择submitButton,单击右键选择生成服务调用…,选择相应的服务和操作。也可以 直接将sayHello方法拖曳到该按钮上。

生成服务调用

10. 改写代码:在代码视图中将sayHelloResult.token = helloWorld.sayHello(userName),改写为sayHelloResult.token = helloWorld.sayHello(nameTextInput.text)。这也是本实例唯一需要编码之处。

11. 绑定返回结果:选择resultLabel,在数据/服务视图右侧工具栏单击将控件绑定到数据按钮。也可以直接将sayHello方法拖曳到该标签上,选择现有调用结果。绑定返回 结果的控件上方和其属性面板会显示一个绑定图标,可以重新绑定返回结果。

绑定到数据

Flash Builder 4+Zend AMF的HelloWorld的应用就做好了。AS代码基本上是Flash Builder 给我们生成的,编程变成了流程操作,有了Data Centric Development,设计者也可以做Data-driven的应用了。

发表评论