利用Flash Builder for PHP简化Flex和PHP开发（二）

创建PHP服务

为了简化，你可以使用一个基本的PHP类，它具有硬编码的数据。利用这一方法，你可以在你的代码中复制和粘贴该类，现在你可以开始编程。当然，在真正的应用程序中，通常你具有各种连接到数据库的PHP类。在使用 MySQL和 PHP的情形下，使用服务的步骤和原则保持相同。

下面是 AuthorsService.php 类的代码：

<?php

class AuthorsService {

    

    public function getData() {

        //in a real world application you would use a database 

        //and return the result set for example

        $ret = array();

        $ret[] = array('id'=>1, 'firstname' => 'Dantes', 'lastname' => 'Aligherie');

        $ret[] = array('id'=>2, 'firstname' => 'Niccolo', 'lastname' => 'Machiavelli');

        $ret[] = array('id'=>3, 'firstname' => 'William', 'lastname' => 'Shakespeare');

        $ret[] = array('id'=>4, 'firstname' => 'Kevin', 'lastname' => 'Hoyt');

        $ret[] = array('id'=>5, 'firstname' => 'Paul', 'lastname' => 'Trani');

        $ret[] = array('id'=>6, 'firstname' => 'Renaun', 'lastname' => 'Erickson');

        $ret[] = array('id'=>7, 'firstname' => 'Ryan', 'lastname' => 'Stewart');

        $ret[] = array('id'=>8, 'firstname' => 'Mark', 'lastname' => 'Doherty');

        $ret[] = array('id'=>9, 'firstname' => 'Mihai', 'lastname' => 'Corlan');

        $ret[] = array('id'=>10, 'firstname' => 'Terry', 'lastname' => 'Ryan');

        return $ret;

    }

    //update the entry 

    public function updateData($author) {

        return $author;

    }

    

    //add a new entry

    public function addData($author) {

        return $author;

    }

    

    //delete the entry

    public function deleteData($author) {

        return $author;

    }

    

}

?>

该PHP服务能够实现读取（Read ）操作。当然，在真正的应用程序中，你还需要实现其它CRUD 操作（创建/更新/删除Create/Update/Delete) 。

按照下列步骤建立PHP服务：

1. 在PHP-project/src/ 文件夹中，创建一个名称为 AuthorsService.php 的新文件（参见图11）。

2. 打开该文件并且将上面代码复制到该文件中。

3. 保存该文件

图 11.AuthorsService.php文件

在Flash Builder


建立服务
现在你已经有了一个PHP服务的实体模型，你可以创建相应的Flex代码。

1. 返回编辑器中的 Main.mxml 文件，并且点击在Data/Services视图中的Connect to Data/Service 链接（参见图12）。（如果你看不见该视图，则选择Window > Show View，然后选中Data/Services）。

注: 你也可以通过右击PHP服务文件并且选中Create PHP Service For Flex，启动该服务向导。

图 12.Data/Services 视图 

Flash Builder for PHP 能够帮助你内视一个 PHP 服务，并且生成一个包围该服务的 Flex 包装页面，这样你可以在相应的Flex 代码中使用它。
2. 当Service 向导启动时，选中 PHP By Zend（参见图13）然后点击 Next。该向导也支持利用 PHP/ColdFusion/Java、Web Services和 REST Style Services的Remoting功能。

图 13.Flash Builder Service向导 

3. 为了配置 Zend Studio PHP服务，点击Browse（参见图14）并且从src 文件夹的PHP-project项目中选中AuthorsService.php 文件（这是你希望使用的服务），然后点击OK。

图 14.选中AuthorsService.php文件 

该服务名称和包将被自动填入（参见图15）。你可以随意对它们进行更改。

4.点击Finish按钮。

图 15.自动设置Service的详细信息（名称和包）

Flash Builder for PHP 可以在Flex项目中创建服务 wrapper 类并且在Data/Services 视图中显示其方法（参见图16）。

图 16.AuthorsService ActionScript的服务包装页面 

配置返回类型

AuthorsService PHP 类的getData() 方法能够返回关联数组的一个数组。但现在 ActionScript包装页面返回的是匿名Object的一个数组。下一步是定义返回数据的一个自定义类型。为什么你应该小心对待这一步？ 因为当使用Remoting技术时这是一个最佳方法的问题。当你为你的服务定义自定义类型时，Flash Builder 能够帮助你完成代码编写以及编译时间错误检查。例如，在实际的应用程序中，deleteData()方法需要一个类型 VOAutho的参数。如果你传递一些其它对象，则编译器将指示该错误。

注：如果你的 PHP 服务使用类型错误（即如果你具有定义的 PHP实体和服务方法，则返回强类型数据而不是返回匿名对象），则你不需要使用下列步骤配置返回类型。否则，当你导入PHP服务时，你需要定义返回类型。

1. 在 Data/Services 视图中， 右击getData() 方法，然后选中 Configure Return Type。

2. 当被提示如何配置返回类型时，选中Auto-detect The Return Type From Sample Data，然后点击Next（参见图17）。

图 17.选中auto-detect 

在下一屏幕中，你提供 这一自定义类型的名称（例如输入VOAuthor），然后检查属性类型。在本例中，PHP类返回关联数组的一个数组，每个数组带有三个键（id、lastname和firstname），而Flash Builder for PHP 能够自动检测出它们（参见图18）。

3. 点击Finish按钮。

图 18.配置返回类型 

在实际的应用程序中，你还需要使用相同类型进行删除、更新和插入操作（参见图19）。对于这些操作，你需要通过选中现有数据类型VOAuthor来定义输入和返回类型。

图 19.配置使用数据的自定义类型VOAuthor的AuthorsService Flex 包装页面 

使用服务

下面，我将向你介绍如何使用该包装页面的getData()方法及利用方法返回的数据填写一个数据网格。

1. 切换到Main.mxml 文件的Design 视图。

2. 从Components视图（在左下方）将 Data Grid 组件拖拽到设计区域（参见图20）。

图 20.将一个数据网格添加到Flex 应用程序中 

3. 将getData() 方法从 Data/Services视图中拖拽到数据网格中。

4. 当被提示是否希望利用与新服务操作的绑定替换该绑定时，点击 OK。

5. 在 Bind To Data 对话框中，核查你希望用作数据源的服务名称和操作（参见图21），然后点击OK。

图 21.确认操作和服务名称

6.保存该文件（选中 File > Save）。

如需运行应用程序，切回到Source 视图，右击编辑器中的文件，然后选中Run As > Web (PHP) Application（参见图22）。

图 22.运行Flex应用程序 

这将启动Flex应用程序，它可以使用你创建项目时设立的配置（root URL和端口地址）。Flex 应用程序能够显示来自数据网格组件的PHP服务的数据（参见图23）。

图 23.在浏览器中运行Flex应用程序

为了更深入地了解如何使用Flex服务包装页面以及相应的操作是如何与数据网格进行绑定的，请花一点时间研究一下通过将getData()拖拽到数据网格生成的代码。

调试Flex和PHP代码 

在Flash Builder for PHP问世之前，同时调试 Flex和 PHP 代码是件相当复杂的任务。现在，也不是非常简单。

为什么说拥有一个良好的调试工作流程非常重要？ 因为对任何丰富的客户端（Flex或Ajax）来说，导致你的应用程序出现故障的原因可能来自服务器侧代码、客户端侧代码或网络。当你能够以端到端的方式调试代码时-从客户端侧进行调用到执行服务器侧代码，然后再返回到在客户端侧接收结果-最后你可以更有效地确定问题的根源。

按照下列步骤调试你的Flex PHP项目：

1. 在Flex和 PHP文件中你希望调试程序暂停的位置设置断点。例如，在 Main.mxml文件中的 dataGrid_creationCompleteHandler() 函数的位置设置一个断点（大约在第14行）并且在 AuthorsService.php 文件中的 getData() 方法的位置设置一个断点 （第7行）。（右击编辑器左边的行号并且选中Toggle Breakpoint，即可设置一个断点。） 

2. 右击Main.mxml 文件并且选中 Debug As > Web (PHP) Application 以便自动为这些项目建立一个调试配置，然后以调试模式启动项目。

加载该项目并且执行该Flex代码至 dataGrid_creationCompleteHandler() 方法被调用的位置。当你第一次到达断点时，你将被提示确认相应的透视开关。

3. 选中Remember My Decision 并且点击 Yes （参见图24）。

相应的Debug透视图将显示出来（而不是你目前正在使用的 Flex透视图）。这一透视图同时显示了Flex和 PHP调试器信息。

图 24.确认切换至 Debug 透视图 

在 Flex调试器中，你可以内视变量和应用程序状态，检查堆栈跟踪以及逐行继续你使用Flex调试器习惯进行的任何操作（参见图25）。

图 25.运行状态的Flex 调试器

4. 选中Run > Resume 继续运行。

Flex 应用程序将调用PHP-project 项目中的 gateway.php 文件， 该项目能够在AuthorsService.php中执行getData() 方法。当应用程序运行到你的第二个断点（在 PHP 侧的断点）时，PHP 调试器将被调用。

5. 如果显示的对话框要求你输入各种 Zend Framework 源文件的位置（参见图26），选中底部的选项并且点击OK。

图 26.定义Zend Framework 文件的源路径 

在处理客户端侧的代码时，你可以内视变量并且逐行继续运行应用程序（参见图27）。

在你处理完PHP调试器之后，按下F8或点击Resume按钮以便恢复正常执行状态。

图 27.运行状态的PHP调试器 

下一步阅读方向

本文给出了如何使用Flash Builder for PHP 简化 Flex和 PHP 开发过程的简介。如需了解关于Flex和 PHP 开发过程的信息，我建议你访问我的 博客 和Adobe Developer Connection 网页 

本文基于Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License协议发布。