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

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