Flex應(yīng)用程序如何連接數(shù)據(jù)

這篇文章主要介紹了Flex應(yīng)用程序如何連接數(shù)據(jù)，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

Flex應(yīng)用程序連接數(shù)據(jù)

請記住，在Flex應(yīng)用程序中對數(shù)據(jù)的操作最重要的事情是：Flex應(yīng)用程序并不直接與一個數(shù)據(jù)庫進(jìn)行連接。因此，Adobe?FlexBuilder2沒有提供直接連接數(shù)據(jù)的工具。你可以通過使用MXML和ActionScript代碼來操作和管理數(shù)據(jù)。

在Flex中，你可以使用幾種方法去操縱和管理數(shù)據(jù)，它們大多數(shù)相關(guān)的內(nèi)容已經(jīng)超出了在這里進(jìn)行簡要介紹的范圍（更多的信息，請查看后面的章節(jié)）。不管怎樣，請想象一種可以連接外部數(shù)據(jù)的方法，隨后的例子將演示與XML結(jié)構(gòu)的數(shù)據(jù)進(jìn)行連接。

數(shù)據(jù)的生成

因?yàn)镕lex應(yīng)用程序并不直接與一個數(shù)據(jù)庫進(jìn)行連接，所以你需要使用某種類型的服務(wù)來支持對數(shù)據(jù)的使用。在隨后的例子中，將使用HTTPService組件從PHP所產(chǎn)生的一個XML文件中獲取數(shù)據(jù)。

連接數(shù)據(jù)庫的***步是生成將在Flex程序中使用到的數(shù)據(jù)。在與PHP的應(yīng)用中，你將采用如下的步驟：

1.創(chuàng)建一個數(shù)據(jù)庫（如MySQL）。

2.編寫一個PHP腳本連接MySQL數(shù)據(jù)庫并生成XML格式的數(shù)據(jù)。
這些步驟同樣適合于在其它工作平臺上生成的數(shù)據(jù)（如ASP.NET、JSP等）。

Flex應(yīng)用程序連接外部數(shù)據(jù)源

對于PHP所生成的XML格式數(shù)據(jù)，你可以使用HTTPService組件來請求獲取數(shù)據(jù)，就象這樣：

<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute">  <mx:HTTPService id="productsRequest" url="http://www.somesite.com/products.php"/> ...

HTTPService組件定義了一個請求ID，你將使用這個ID來控制提供數(shù)據(jù)的URL或者服務(wù)器與數(shù)據(jù)之間的綁定。

外部數(shù)據(jù)與數(shù)據(jù)驅(qū)動控制的綁定

通過數(shù)據(jù)與數(shù)據(jù)驅(qū)動控制（data-drivencontrol）的綁定，你就可以處理HTTPService
的結(jié)果（XML數(shù)據(jù)），就象這樣：

<mx:DataGridxmx:DataGridx="20"y="80"id="productGrid"width="400"  dataProvider="{productRequest.lastResult.products.items}"> <mx:columns> <mx:DataGridColumnheaderTextmx:DataGridColumnheaderText="Name"dataField="name"/> <mx:DataGridColumnheaderTextmx:DataGridColumnheaderText="Price"dataField="price"/> </mx:columns> </mx:DataGrid>

數(shù)據(jù)綁定的語法顯示在數(shù)據(jù)控制的dataProvider屬性中（在波浪形的括號里），它包含了HTTPService請求ID、lastResult方法、以及XML文件的數(shù)據(jù)結(jié)構(gòu)。在這個例子中，XML數(shù)據(jù)源的數(shù)據(jù)結(jié)構(gòu)看起來就象這樣：

<XML> <products> <item> <name>MobilePhone</name> <price>$199</price> </item> <item> <name>CarCharger</name> <price>$34</price> </item> ...

通過設(shè)置dataField屬性，項(xiàng)目數(shù)據(jù)（name和price）作為數(shù)據(jù)柵格中每一列的數(shù)據(jù)。

在運(yùn)行時加載數(shù)據(jù)

你還可以在Flex應(yīng)用程序開始運(yùn)行時加載數(shù)據(jù)，就象隨后所示，在HTTPService中向某個特定的URL發(fā)送一個請求：

<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"  creationComplete="productsRequest.send()">

當(dāng)你將creationComplete方法添加到Flex應(yīng)用程序標(biāo)簽里后，數(shù)據(jù)會在運(yùn)行時進(jìn)行加載并交于數(shù)據(jù)驅(qū)動控制（在這個例子中是數(shù)據(jù)柵格）。
你還可以將HTTPService請求添加到一個控制事件上而不是程序里的標(biāo)簽中，就象如下所示：

<mx:Buttonxmx:Buttonx="50"y="8"label="GetData"click="productsRequest.send();"/>

Flex提供許多方法去連接、管理、格式化、以及校驗(yàn)數(shù)據(jù)。你可以通過使用遠(yuǎn)程程序調(diào)用、數(shù)據(jù)服務(wù)、或者其它企業(yè)級技術(shù)來操縱和管理數(shù)據(jù)。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“Flex應(yīng)用程序如何連接數(shù)據(jù)”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!