《數(shù)據(jù)傳輸與交互》PPT課件.ppt

第21章 數(shù)據(jù)傳輸與交互,數(shù)據(jù)具有流動性，數(shù)據(jù)傳輸是指根據(jù)用戶控制傳遞至指定目的地。數(shù)據(jù)交互是指Flex與其他程序進(jìn)行數(shù)據(jù)交換，包括傳遞數(shù)據(jù)給其他程序和接收其他程序返回的數(shù)據(jù)。,21.1 數(shù)據(jù)傳輸?shù)姆绞?Flex 4.0中的數(shù)據(jù)傳輸方式包括內(nèi)部數(shù)據(jù)傳輸、文件流方式傳輸、XML方式傳輸、其他方式傳輸。應(yīng)用程序內(nèi)部的數(shù)據(jù)傳輸大多通過變量傳遞來實(shí)現(xiàn)。外部文件的數(shù)據(jù)可分為簡單文本數(shù)據(jù)、XML數(shù)據(jù)和復(fù)雜數(shù)據(jù)。對于簡單的文本數(shù)據(jù)可采用文件流方式傳輸。對于XML數(shù)據(jù)可采用XML方式傳輸。對于復(fù)雜的數(shù)據(jù)，需要通過其他程序來輔助數(shù)據(jù)傳輸。,21.1.1 內(nèi)部數(shù)據(jù)傳輸,1直接賦值方式 2公有變量方式,21.1.2 文件流方式傳輸,文件流方式傳輸是指數(shù)據(jù)以二進(jìn)制文件流的形式流動。簡單的數(shù)據(jù)可存儲于文本文件中，通過Flex AIR工程中新增的File、FileStream等類可以方便地操作本地文件。,21.1.3 XML方式傳輸,XML優(yōu)點(diǎn)是簡單小巧、存儲方便、檢索快速。所以，XML常用于數(shù)據(jù)存儲和數(shù)據(jù)交換。Flex 4.0使用URLLoader類可方便地傳輸XML數(shù)據(jù)。,21.1.4 其他方式傳輸,除了上述介紹的數(shù)據(jù)外，F(xiàn)lex應(yīng)用程序可能還會遇到其他類型的外部數(shù)據(jù)。Flex 4.0不能直接接收這些數(shù)據(jù)，需要其他程序處理這些數(shù)據(jù)后以特定的類型，如數(shù)組型、XML型、Object型傳遞給Flex。 另外，F(xiàn)lex 4.0中新增了對本地?cái)?shù)據(jù)庫（.db格式）操作的類，可用于讀取本地的數(shù)據(jù)庫數(shù)據(jù)。新增了對PDF數(shù)據(jù)操作的類，可用以讀取PDF數(shù)據(jù)。有關(guān)新增的特性將在后續(xù)章節(jié)中介紹。,21.2 使用組件與HTTP程序交互,組件可與所有的HTTP程序交互。例如，ASP、ASP.Net、JSP、PHP等。 網(wǎng)址帶參方式的優(yōu)點(diǎn)是傳參簡單，但缺點(diǎn)是參數(shù)必須先轉(zhuǎn)化為字符串類型，因?yàn)榫W(wǎng)址中只能是字符串類型。另外，若傳遞的參數(shù)較多，網(wǎng)址字符串就會變得很長。 使用網(wǎng)址帶參方式能把Flex應(yīng)用程序中的數(shù)據(jù)傳遞給HTTP程序。HTTP程序接收數(shù)據(jù)后進(jìn)行處理，并返回Flex可識別的數(shù)據(jù)類型。 組件返回的數(shù)據(jù)存儲于ResultEvent類中。使用組件的result事件可處理HTTP程序返回的數(shù)據(jù)。,21.3 組件實(shí)例,本節(jié)以實(shí)例講解如何使用組件與HTTP程序交互。實(shí)例實(shí)現(xiàn)的功能為：Flex客戶端傳遞操作數(shù)參數(shù)給ASP.Net程序，ASP.Net程序計(jì)算全部參數(shù)的和，并將結(jié)果返回給Flex應(yīng)用程序。,21.3.1 編寫ASP.Net程序,本實(shí)例的ASP.Net程序使用Visual Studio 2005（簡稱VS 2005）編寫，創(chuàng)建步驟如下。 （1）雙擊打開VS 2005。 （2）選擇“文件” “新建” “網(wǎng)站”命令，打開“新建網(wǎng)站”對話框。 （3）在“模板”區(qū)域選擇“ASP.NET網(wǎng)站”模板。在“位置”文本框中輸入網(wǎng)站的存放路徑。單擊“確定”按鈕完成網(wǎng)站的創(chuàng)建。,21.3.1 編寫ASP.Net程序,（4）編寫ASP.Net代碼。創(chuàng)建網(wǎng)站工程后自動生成了“Default.aspx”文件。按下F7快捷鍵打開“Default.aspx.cs”文件?！癉efault.aspx.cs”文件是“Default.aspx”網(wǎng)頁的后臺代碼頁。 （5）在“目標(biāo)位置”文本框中輸入發(fā)布網(wǎng)站的本地路徑，其他可默認(rèn)。單擊“確定”按鈕，完成發(fā)布網(wǎng)站。發(fā)布網(wǎng)站的結(jié)果是生成不帶后臺文件（.cs文件）的網(wǎng)站。,21.3.2 創(chuàng)建虛擬目錄,配置虛擬目錄步驟如下。 （1）選擇“開始” “控制面板”命令，打開控制面板。 （2）雙擊“管理工具” “Internet信息服務(wù)”項(xiàng)，打開“Internet信息服務(wù)”對話框。 （3）在左側(cè)樹形列表中右擊“默認(rèn)網(wǎng)站”，選擇“新建” “虛擬目錄”命令，彈出“虛擬目錄創(chuàng)建向?qū)А睂υ捒颉?（4）單擊“下一步”按鈕，彈出“虛擬目錄創(chuàng)建向?qū)А钡诙綄υ捒颉?21.3.2 創(chuàng)建虛擬目錄,（5）在“別名”文本框中輸入虛擬目錄別名。單擊“下一步”按鈕，彈出“虛擬目錄創(chuàng)建向?qū)А钡谌綄υ捒颉?（6）在“目錄”文本框中輸入網(wǎng)站路徑。單擊“下一步”，彈出“虛擬目錄創(chuàng)建向?qū)А钡谒牟綄υ捒颉?（7）根據(jù)需要選擇項(xiàng)目，一般默認(rèn)即可。單擊“下一步”按鈕，完成虛擬目錄的創(chuàng)建。 （8）在新建的虛擬目錄中右擊相應(yīng)的網(wǎng)頁，選擇“瀏覽”命令測試網(wǎng)頁是否運(yùn)行正常。,21.3.3 編寫Flex程序,編寫Flex程序的步驟如下。 （1）新建Flex工程。 （2）設(shè)計(jì)外觀模型。 （3）添加組件。 （4）編寫按鈕處理函數(shù)。 （5）按下Ctrl+F11鍵編譯運(yùn)行程序。,21.4 使用組件與WebService程序交互,Flex 4.0中的組件專門用于調(diào)用和處理WebService。本節(jié)將介紹WebService的相關(guān)知識及如何使用組件。,21.4.1 WebService概述,WebService是一種在互聯(lián)網(wǎng)中提供服務(wù)的技術(shù)。WebService技術(shù)標(biāo)準(zhǔn)由各大軟件開發(fā)商制定，主要解決了不同開發(fā)語言間的溝通問題。例如，.Net程序調(diào)用WebService服務(wù)，而此WebService服務(wù)是由Java語言開發(fā)的。 WebService具有通用性。不論用何種語言開發(fā)的WebService服務(wù)，調(diào)用的結(jié)果都是一致的。這是因?yàn)閃ebService有自身的標(biāo)準(zhǔn)，與開發(fā)語言無關(guān)。用戶可使用幾乎任何語言調(diào)用WebService服務(wù)，只要能找到WebService服務(wù)并傳遞的參數(shù)正確。,21.4.2 如何使用組件,組件的使用方法與組件的使用方法大同小異。最主要的區(qū)別在于參數(shù)的傳遞方式。,21.5 組件實(shí)例,本節(jié)的實(shí)例實(shí)現(xiàn)了如下功能：Flex程序通過WebService獲取SQL Server 2000數(shù)據(jù)庫中的數(shù)據(jù)，并將數(shù)據(jù)顯示于DataGrid組件上。涉及的技術(shù)包括創(chuàng)建SQL Server 2000數(shù)據(jù)庫、使用VS 2005編寫WebService、使用組件等。,21.5.1 創(chuàng)建數(shù)據(jù)庫,設(shè)計(jì)數(shù)據(jù)庫名為“Company”。數(shù)據(jù)庫中只有一張名為“Employee”的表。建立數(shù)據(jù)庫步驟如下所示。 （1）選擇“開始” “所有程序” “Microsoft SQL Server” “查詢分析器”命令，打開查詢分析器，。 （2）在查詢分析器的編輯區(qū)中輸入SQL語句。 （3）選擇創(chuàng)建數(shù)據(jù)庫Company的全部SQL語句（到第一個(gè)“go”為止）。 （4）單擊按鈕執(zhí)行SQL語句。,21.5.1 創(chuàng)建數(shù)據(jù)庫,（5）選擇設(shè)置當(dāng)前數(shù)據(jù)庫為Company的全部SQL語句（從第一個(gè)“go”到第二個(gè)“go”為止）。 （6）單擊按鈕執(zhí)行SQL語句。 （7）選擇剩余的SQL語句（從第二個(gè)“go”至最后）。 （8）單擊按鈕執(zhí)行SQL語句。,21.5.2 編寫WebService,使用VS 2005編寫WebService的步驟如下。 （1）選擇“文件” “新建” “網(wǎng)站”命令，彈出“新建網(wǎng)站”對話框。 （2）選擇“ASP.Net Web服務(wù)”模板，在“位置”文本框中輸入項(xiàng)目路徑。單擊“確定”按鈕，完成項(xiàng)目的創(chuàng)建。 （3）編寫WebService。在新建“ASP.Net Web服務(wù)”工程后會自動生成一個(gè)名為“Service.asmx”的文件。 （4）按下Ctrl+F5組合鍵，編譯運(yùn)行WebService程序。,21.5.2 編寫WebService,（5）單擊“生成” “發(fā)布網(wǎng)站”命令，發(fā)布WebService網(wǎng)站。 （6）為WebService網(wǎng)站創(chuàng)建虛擬目錄。創(chuàng)建步驟與實(shí)例中相同。 （7）在IIS中右擊“Service.asmx”文件，選擇“瀏覽”命令，測試WebService。,21.5.3 編寫Flex程序,編寫Flex程序的步驟如下。 （1）新建Flex工程。 （2）添加DataGrid組件。 （3）添加組件。 （4）完成剩余代碼。 （5）按下Ctrl+F11組合鍵，編譯運(yùn)行程序。,21.6 使用Fluorine網(wǎng)關(guān)與ASP.Net類交互,上面章節(jié)中介紹了使用組件與ASP.Net網(wǎng)頁進(jìn)行交互。但這種方式的效率不如直接與ASP.Net類交互。Flex 4.0應(yīng)用程序與ASP.Net類交互的難點(diǎn)在于，兩種語言的數(shù)據(jù)類型幾乎完全不同，不能正常交互。,21.6.1 Fluorine簡介,Fluorine是一種開源的AMF（ActionScript Messaging Formatter）網(wǎng)關(guān)，專門負(fù)責(zé)Flex 4.0與.Net交互時(shí)的數(shù)據(jù)類型轉(zhuǎn)換。Fluorine現(xiàn)支持ActionScript 2.0和ActionScript 3.0，所以Fluorine也可作為Flash與.Net交互時(shí)的AMF網(wǎng)關(guān)。Fluorine開發(fā)團(tuán)隊(duì)將Fluorine項(xiàng)目制作成Virsual Stdio中的模板，方便用戶安裝和配置。21.6.2 Fluorine的下載與安裝 1下載Fluorine 2安裝Fluorine,21.6.3 第三方組件RemoteObjectAMF0的使用方法,使用RemoteObjectAMF0組件的步驟如下所示。 （1）將RemoteObjectAMF0組件的源文件放置在工程中。 （2）引用RemoteObjectAMF0組件所在的包。 （3）MXML文件中定義RemoteObjectAMF0組件。 （4）調(diào)用RemoteObjectAMF0組件中的方法。,21.6.4 Fluorine實(shí)例,使用Fluorine網(wǎng)關(guān)與ASP.Net類交互的步驟如下。 （1）創(chuàng)建數(shù)據(jù)庫。數(shù)據(jù)庫名為“School”，表名為“Notes”。 （2）新建Fluorine項(xiàng)目。 （3）設(shè)計(jì)ASP.Net類。在自動生成的代碼文件夾“App_Code”下新建名為“GetSQLServer2000Data.cs”的類文件。 （4）在VS 2005中按下Ctrl+F5組合鍵編譯運(yùn)行程序。 （5）選擇“生成” “發(fā)布網(wǎng)站”命令，發(fā)布網(wǎng)站。 （6）為網(wǎng)站設(shè)置虛擬目錄。,21.6.4 Fluorine實(shí)例,（7）在IIS中，右擊“Gateway.aspx”文件，選擇“瀏覽”命令，測量運(yùn)行是否正常。 （8）復(fù)制RemoteObjectAMF0組件源文件至工程根目錄下。 （9）引用RemoteObjectAMF0組件的包，并定義名稱空間。 （10）定義RemoteObjectAMF0組件。 （11）設(shè)計(jì)外觀模型。本程序中的可視化組件包括DataGrid組件、Label組件、TextInput組件、Bu