Flex應(yīng)用程序與數(shù)據(jù)連接的方式
本文和大家重點(diǎn)討論一下Flex應(yīng)用程序與數(shù)據(jù)的連接,在Flex應(yīng)用程序中對(duì)數(shù)據(jù)的操作最重要的事情是:Flex應(yīng)用程序并不直接與一個(gè)數(shù)據(jù)庫(kù)進(jìn)行連接。
Flex應(yīng)用程序連接數(shù)據(jù)
請(qǐng)記住,在Flex應(yīng)用程序中對(duì)數(shù)據(jù)的操作最重要的事情是:Flex應(yīng)用程序并不直接與一個(gè)數(shù)據(jù)庫(kù)進(jìn)行連接。因此,Adobe?FlexBuilder2沒(méi)有提供直接連接數(shù)據(jù)的工具。你可以通過(guò)使用MXML和ActionScript代碼來(lái)操作和管理數(shù)據(jù)。
在Flex中,你可以使用幾種方法去操縱和管理數(shù)據(jù),它們大多數(shù)相關(guān)的內(nèi)容已經(jīng)超出了在這里進(jìn)行簡(jiǎn)要介紹的范圍(更多的信息,請(qǐng)查看后面的章節(jié))。不管怎樣,請(qǐng)想象一種可以連接外部數(shù)據(jù)的方法,隨后的例子將演示與XML結(jié)構(gòu)的數(shù)據(jù)進(jìn)行連接。
數(shù)據(jù)的生成
因?yàn)镕lex應(yīng)用程序并不直接與一個(gè)數(shù)據(jù)庫(kù)進(jìn)行連接,所以你需要使用某種類(lèi)型的服務(wù)來(lái)支持對(duì)數(shù)據(jù)的使用。在隨后的例子中,將使用HTTPService組件從PHP所產(chǎn)生的一個(gè)XML文件中獲取數(shù)據(jù)。
連接數(shù)據(jù)庫(kù)的***步是生成將在Flex程序中使用到的數(shù)據(jù)。在與PHP的應(yīng)用中,你將采用如下的步驟:
1.創(chuàng)建一個(gè)數(shù)據(jù)庫(kù)(如MySQL)。
2.編寫(xiě)一個(gè)PHP腳本連接MySQL數(shù)據(jù)庫(kù)并生成XML格式的數(shù)據(jù)。
這些步驟同樣適合于在其它工作平臺(tái)上生成的數(shù)據(jù)(如ASP.NET、JSP等)。
Flex應(yīng)用程序連接外部數(shù)據(jù)源
對(duì)于PHP所生成的XML格式數(shù)據(jù),你可以使用HTTPService組件來(lái)請(qǐng)求獲取數(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組件定義了一個(gè)請(qǐng)求ID,你將使用這個(gè)ID來(lái)控制提供數(shù)據(jù)的URL或者服務(wù)器與數(shù)據(jù)之間的綁定。
外部數(shù)據(jù)與數(shù)據(jù)驅(qū)動(dòng)控制的綁定
通過(guò)數(shù)據(jù)與數(shù)據(jù)驅(qū)動(dòng)控制(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ù)綁定的語(yǔ)法顯示在數(shù)據(jù)控制的dataProvider屬性中(在波浪形的括號(hào)里),它包含了HTTPService請(qǐng)求ID、lastResult方法、以及XML文件的數(shù)據(jù)結(jié)構(gòu)。在這個(gè)例子中,XML數(shù)據(jù)源的數(shù)據(jù)結(jié)構(gòu)看起來(lái)就象這樣:
- <XML>
- <products>
- <item>
- <name>MobilePhone</name>
- <price>$199</price>
- </item>
- <item>
- <name>CarCharger</name>
- <price>$34</price>
- </item>
- ...
通過(guò)設(shè)置dataField屬性,項(xiàng)目數(shù)據(jù)(name和price)作為數(shù)據(jù)柵格中每一列的數(shù)據(jù)。
在運(yùn)行時(shí)加載數(shù)據(jù)
你還可以在Flex應(yīng)用程序開(kāi)始運(yùn)行時(shí)加載數(shù)據(jù),就象隨后所示,在HTTPService中向某個(gè)特定的URL發(fā)送一個(gè)請(qǐng)求:
- <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ù)會(huì)在運(yùn)行時(shí)進(jìn)行加載并交于數(shù)據(jù)驅(qū)動(dòng)控制(在這個(gè)例子中是數(shù)據(jù)柵格)。
你還可以將HTTPService請(qǐng)求添加到一個(gè)控制事件上而不是程序里的標(biāo)簽中,就象如下所示:
- <mx:Buttonxmx:Buttonx="50"y="8"label="GetData"click="productsRequest.send();"/>
Flex提供許多方法去連接、管理、格式化、以及校驗(yàn)數(shù)據(jù)。你可以通過(guò)使用遠(yuǎn)程程序調(diào)用、數(shù)據(jù)服務(wù)、或者其它企業(yè)級(jí)技術(shù)來(lái)操縱和管理數(shù)據(jù)。
【編輯推薦】