第二节连接数据
请记住,在 Flex应用程序中对数据的操作最重要的事情是: Flex应用程序并不直接与一个数据库进行连接。因此, Adobe® Flex Builder 2没有提供直接连接数据的工具。你可以通过使用 MXML和 ActionScript代码来操作和管理数据。
在 Flex中,你可以使用几种方法去操纵和管理数据,它们大多数相关的内容已经超出了在这里进行简要介绍的范围(更多的信息,请查看后面的章节)。不管怎样,请想象一种可以连接外部数据的方法,随后的例子将演示与 XML结构的数据进行连接。
数据的生成
因为 Flex应用程序并不直接与一个数据库进行连接,所以你需要使用某种类型的服务来支持对数据的使用。在随后的例子中,将使用 HTTPService组件从 PHP所产生的一个 XML文件中获取数据。
连接数据库的第一步是生成将在 Flex程序中使用到的数据。在与 PHP的应用中,你将采用如下的步骤:
1. 创建一个数据库(如 MySQL)。
2. 编写一个 PHP脚本连接 MySQL数据库并生成 XML格式的数据。
这些步骤同样适合于在其它工作平台上生成的数据(如 ASP.NET、 JSP等)。
连接外部数据源
对于 PHP所生成的 XML格式数据,你可以使用 HTTPService组件来请求获取数据,就象这样:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:HTTPService
id="productsRequest"
url="http://www.airia.cn/products.php" />
...
HTTPService组件定义了一个请求 ID,你将使用这个 ID来控制提供数据的 URL或者服务器与数据之间的绑定。
外部数据与数据驱动控制的绑定
通过数据与数据驱动控制(data-driven control)的绑定,你就可以处理 HTTPService的结果( XML数据),就象这样:
<mx:DataGrid x="20" y="80" id="productGrid" width="400" dataProvider="{productRequest.lastResult.products.items}" >
<mx:columns>
<mx:DataGridColumn headerText="Name" dataField="name" />
<mx:DataGridColumn headerText="Price" dataField="price" />
</mx:columns> </mx:DataGrid>
数据绑定的语法显示在数据控制的 dataProvider属性中(在波浪形的括号里),它包含了 HTTPService请求 ID、lastResult方法、以及 XML文件的数据结构。在这个例子中, XML数据源的数据结构看起来就象这样:
<XML>
<products>
<item>
<name>Mobile Phone</name>
<price>$199</price>
</item>
<item>
<name>Car Charger</name>
<price>$34</price>
</item> ...
通过设置 dataField属性,项目数据( name和 price)作为数据栅格中每一列的数据。
在运行时加载数据
你还可以在 Flex程序开始运行时加载数据,就象随后所示,在 HTTPService中向某个特定的 URL发送一个请求:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="productsRequest.send()" >
当你将 creationComplete方法添加到应用程序标签里后,数据会在运行时进行加载并交于数据驱动控制(在这个例子中是数据栅格)。
你还可以将 HTTPService请求添加到一个控制事件上而不是程序里的标签中,就象如下所示:
<mx:Button x="50" y="8" label="Get Data" click="productsRequest.send();" />
Flex提供许多方法去连接、管理、格式化、以及校验数据。你可以通过使用远程程序调用、数据服务、或者其它企业级技术来操纵和管理数据。