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

这段时间忙,本应该早写这篇教程了。这回我们将介绍怎样使用Flash Builder 4和HTTP Service服务创建数据为中心的简单应用。

首先得配置服务端:以IIS为例,将附件中的services放在wwwroot下。

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

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

3. 连接Httpservice:点击菜单栏数据项,在下拉菜单中选择连接Http…

4. 配置服务:在弹出窗口中进行如下设置。

  • 设置服务名称为HelloService
  • 添加一个操作,名称这里为sayHello
  • 在URL栏输入http://localhost/services/hello.php
  • 方式设置为POST
  • 添加一个类型为String名称为userName的传入参数;
  • 设置包名,这里设置为sample。如下图:

配置HTTP服务

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

配置返回数据类型

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

配置操作返回类型

6. 生成服务调用:在设计视图中,将sayHello方法拖曳到submitButton按钮上。

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

8. 绑定返回结果:点击resultLabel上属性面板的绑定图标,绑定返回结果。

绑定到数据

点击此处查看本实例的效果,点击此处下载本实例的源码。

另外,我发现HTTP服务的URL及输出文件夹不能包含httpservice之类东东,这应该是Flash Builder 4 Beta版的一个Bug吧?不过,真正部署到外网上就没有这个问题。

发表评论