第21章数据传输与交互精.ppt

第第21章章 数据数据传输与与交互交互第1页，本讲稿共28页21.1 21.1 数据传输的方式数据传输的方式Flex 4.0中的数据传输方式包括内部数据传输、文件流中的数据传输方式包括内部数据传输、文件流方式传输、方式传输、XML方式传输、其他方式传输。应用程序内部方式传输、其他方式传输。应用程序内部的数据传输大多通过变量传递来实现。外部文件的数据可分的数据传输大多通过变量传递来实现。外部文件的数据可分为简单文本数据、为简单文本数据、XML数据和复杂数据。对于简单的文本数据和复杂数据。对于简单的文本数据可采用文件流方式传输。对于数据可采用文件流方式传输。对于XML数据可采用数据可采用XML方方式传输。对于复杂的数据，需要通过其他程序来辅助数据传式传输。对于复杂的数据，需要通过其他程序来辅助数据传输。输。第2页，本讲稿共28页21.1.1 21.1.1 内部数据传输内部数据传输1直接赋值方式直接赋值方式2公有变量方式公有变量方式第3页，本讲稿共28页21.1.2 21.1.2 文件流方式传输文件流方式传输文件流方式传输是指数据以二进制文件流的形式流动。文件流方式传输是指数据以二进制文件流的形式流动。简单的数据可存储于文本文件中，通过简单的数据可存储于文本文件中，通过Flex AIR工程中新增工程中新增的的File、FileStream等类可以方便地操作本地文件。等类可以方便地操作本地文件。第4页，本讲稿共28页21.1.3 XML21.1.3 XML方式传输方式传输XML优点是简单小巧、存储方便、检索快速。所以，优点是简单小巧、存储方便、检索快速。所以，XML常用于数据存储和数据交换。常用于数据存储和数据交换。Flex 4.0使用使用URLLoader类可方便地传输类可方便地传输XML数据。数据。第5页，本讲稿共28页21.1.4 21.1.4 其他方式传输其他方式传输除了上述介绍的数据外，除了上述介绍的数据外，Flex应用程序可能还会遇到其应用程序可能还会遇到其他类型的外部数据。他类型的外部数据。Flex 4.0不能直接接收这些数据，需要不能直接接收这些数据，需要其他程序处理这些数据后以特定的类型，如数组型、其他程序处理这些数据后以特定的类型，如数组型、XML型、型、Object型传递给型传递给Flex。另外，另外，Flex 4.0中新增了对本地数据库（中新增了对本地数据库（.db格式）操作格式）操作的类，可用于读取本地的数据库数据。新增了对的类，可用于读取本地的数据库数据。新增了对PDF数据操数据操作的类，可用以读取作的类，可用以读取PDF数据。有关新增的特性将在后续章数据。有关新增的特性将在后续章节中介绍。节中介绍。第6页，本讲稿共28页21.2 21.2 使用使用组件与组件与HTTPHTTP程序程序交互交互组件可与所有的组件可与所有的HTTP程序交互。程序交互。例如，例如，ASP、ASP.Net、JSP、PHP等。等。网址带参方式的优点是传参简单，但缺点是参数必须先网址带参方式的优点是传参简单，但缺点是参数必须先转化为字符串类型，因为网址中只能是字符串类型。另外，转化为字符串类型，因为网址中只能是字符串类型。另外，若传递的参数较多，网址字符串就会变得很长。若传递的参数较多，网址字符串就会变得很长。使用网址带参方式能把使用网址带参方式能把Flex应用程序中的数据传递给应用程序中的数据传递给HTTP程序。程序。HTTP程序接收数据后进行处理，并返回程序接收数据后进行处理，并返回Flex可可识别的数据类型。识别的数据类型。组件返回的数据存储于组件返回的数据存储于ResultEvent类中。使用类中。使用组件的组件的result事件可处理事件可处理HTTP程序返回的数据。程序返回的数据。第7页，本讲稿共28页21.3 21.3 组件实例组件实例本节以实例讲解如何使用本节以实例讲解如何使用组件与组件与HTTP程序交互。实例实现的功能为：程序交互。实例实现的功能为：Flex客户端传递操作客户端传递操作数参数给数参数给ASP.Net程序，程序，ASP.Net程序计算全部参数的和，程序计算全部参数的和，并将结果返回给并将结果返回给Flex应用程序。应用程序。第8页，本讲稿共28页21.3.1 21.3.1 编写编写ASP.NetASP.Net程序程序本实例的本实例的ASP.Net程序使用程序使用Visual Studio 2005（简称（简称VS 2005）编写，创建步骤如下。）编写，创建步骤如下。（1）双击打开）双击打开VS 2005。（2）选择）选择“文件文件”|“新建新建”|“网站网站”命令，打开命令，打开“新建网站新建网站”对话框。对话框。（3）在）在“模板模板”区域选择区域选择“ASP.NET网站网站”模板。在模板。在“位置位置”文本框中输入网站的存放路径。单击文本框中输入网站的存放路径。单击“确定确定”按钮完按钮完成网站的创建。成网站的创建。第9页，本讲稿共28页21.3.1 21.3.1 编写编写ASP.NetASP.Net程序程序（4）编写）编写ASP.Net代码。创建网站工程后自动生成了代码。创建网站工程后自动生成了“Default.aspx”文件。按下文件。按下F7快捷键打开快捷键打开“Default.aspx.cs”文件。文件。“Default.aspx.cs”文件是文件是“Default.aspx”网页的后台代码页。网页的后台代码页。（5）在）在“目标位置目标位置”文本框中输入发布网站的本地路文本框中输入发布网站的本地路径，其他可默认。单击径，其他可默认。单击“确定确定”按钮，完成发布网站。发布按钮，完成发布网站。发布网站的结果是生成不带后台文件（网站的结果是生成不带后台文件（.cs文件）的网站。文件）的网站。第10页，本讲稿共28页21.3.2 21.3.2 创建虚拟目录创建虚拟目录配置虚拟目录步骤如下。配置虚拟目录步骤如下。（1）选择）选择“开始开始”|“控制面板控制面板”命令，打开控制面板。命令，打开控制面板。图图21-6 控制面板控制面板（2）双击）双击“管理工具管理工具”|“Internet信息服务信息服务”项，打项，打开开“Internet信息服务信息服务”对话框。对话框。（3）在左侧树形列表中右击）在左侧树形列表中右击“默认网站默认网站”，选择，选择“新新建建”|“虚拟目录虚拟目录”命令，弹出命令，弹出“虚拟目录创建向导虚拟目录创建向导”对话对话框。框。（4）单击）单击“下一步下一步”按钮，弹出按钮，弹出“虚拟目录创建向导虚拟目录创建向导”第二步对话框。第二步对话框。第11页，本讲稿共28页21.3.2 21.3.2 创建虚拟目录创建虚拟目录（5）在）在“别名别名”文本框中输入虚拟目录别名。单击文本框中输入虚拟目录别名。单击“下一步下一步”按钮，弹出按钮，弹出“虚拟目录创建向导虚拟目录创建向导”第三步对话框。第三步对话框。（6）在）在“目录目录”文本框中输入网站路径。单击文本框中输入网站路径。单击“下一下一步步”，弹出，弹出“虚拟目录创建向导虚拟目录创建向导”第四步对话框。第四步对话框。（7）根据需要选择项目，一般默认即可。单击）根据需要选择项目，一般默认即可。单击“下一下一步步”按钮，完成虚拟目录的创建。按钮，完成虚拟目录的创建。（8）在新建的虚拟目录中右击相应的网页，选择）在新建的虚拟目录中右击相应的网页，选择“浏浏览览”命令测试网页是否运行正常。命令测试网页是否运行正常。第12页，本讲稿共28页21.3.3 21.3.3 编写编写FlexFlex程序程序编写编写Flex程序的步骤如下。程序的步骤如下。（1）新建）新建Flex工程。工程。（2）设计外观模型。）设计外观模型。（3）添加）添加组件。组件。（4）编写按钮处理函数。）编写按钮处理函数。（5）按下）按下Ctrl+F11键编译运行程序。键编译运行程序。第13页，本讲稿共28页21.4 21.4 使用使用组件与组件与WebServiceWebService程序交互程序交互Flex 4.0中的中的组件专门用于调用和处组件专门用于调用和处理理WebService。本节将介绍。本节将介绍WebService的相关知识及如何使的相关知识及如何使用用组件。组件。第14页，本讲稿共28页21.4.1 WebService21.4.1 WebService概述概述WebService是一种在互联网中提供服务的技术。是一种在互联网中提供服务的技术。WebService技术标准由各大软件开发商制定，主要解决了不技术标准由各大软件开发商制定，主要解决了不同开发语言间的沟通问题。例如，同开发语言间的沟通问题。例如，.Net程序调用程序调用WebService服务，而此服务，而此WebService服务是由服务是由Java语言开发的。语言开发的。WebService具有通用性。不论用何种语言开发的具有通用性。不论用何种语言开发的WebService服务，调用的结果都是一致的。这是因为服务，调用的结果都是一致的。这是因为WebService有自身的标准，与开发语言无关。用户可使用几有自身的标准，与开发语言无关。用户可使用几乎任何语言调用乎任何语言调用WebService服务，只要能找到服务，只要能找到WebService服服务并传递的参数正确。务并传递的参数正确。第15页，本讲稿共28页21.4.2 21.4.2 如何使用如何使用组件组件组件的使用方法与组件的使用方法与组件的使用方法大同小异。最主要的区组件的使用方法大同小异。最主要的区别在于参数的传递方式。别在于参数的传递方式。第16页，本讲稿共28页21.5 21.5 组件实例组件实例本节的实例实现了如下功能：本节的实例实现了如下功能：Flex程序通过程序通过WebService获取获取SQL Server 2000数据库中的数据，并将数据显示于数据库中的数据，并将数据显示于DataGrid组件上。涉及的技术包括创建组件上。涉及的技术包括创建SQL Server 2000数数据库、使用据库、使用VS 2005编写编写WebService、使用、使用组件等。组件等。第17页，本讲稿共28页21.5.1 21.5.1 创建数据库创建数据库设计数据库名为设计数据库名为“Company”。数据库中只有一张名为。数据库中只有一张名为“Employee”的表。建立数据库步骤如下所示。的表。建立数据库步骤如下所示。（1）选择）选择“开始开始”|“所有程序所有程序”|“Microsoft SQL Server”|“查询分析器查询分析器”命令，打开查询分析器，。命令，打开查询分析器，。（2）在查询分析器的编辑区中输入）在查询分析器的编辑区中输入SQL语句。语句。（3）选择创建数据库）选择创建数据库Company的全部的全部SQL语句（到第语句（到第一个一个“go”为止）。为止）。（4）单击按钮执行）单击按钮执行SQL语句。语句。第18页，本讲稿共28页21.5.1 21.5.1 创建数据库创建数据库（5）选择设置当前数据库为）选择设置当前数据库为Company的全部的全部SQL语句语句（从第一个（从第一个“go”到第二个到第二个“go”为止）。为止）。（6）单击按钮执行）单击按钮执行SQL语句。语句。（7）选择剩余的）选择剩余的SQL语句（从第二个语句（从第二个“go”至最后）。至最后）。（8）单击按钮执行）单击按钮执行SQL语句。语句。第19页，本讲稿共28页21.5.2 21.5.2 编写编写WebServiceWebService使用使用VS 2005编写编写WebService的步骤如下。的步骤如下。（1）选择）选择“文件文件”|“新建新建”|“网站网站”命令，弹出命令，弹出“新建网站新建网站”对话框。对话框。（2）选择）选择“ASP.Net Web服务服务”模板，在模板，在“位置位置”文文本框中输入项目路径。单击本框中输入项目路径。单击“确定确定”按钮，完成项目的创建。按钮，完成项目的创建。（3）编写）编写WebService。在新建。在新建“ASP.Net Web服务服务”工程后会自动生成一个名为工程后会自动生成一个名为“Service.asmx”的文件。的文件。（4）按下）按下Ctrl+F5快捷键，编译运行快捷键，编译运行WebService程序。程序。第20页，本讲稿共28页21.5.2 21.5.2 编写编写WebServiceWebService（5）单击）单击“生成生成”|“发布网站发布网站”命令，发布命令，发布WebService网站。网站。（6）为）为WebService网站创建虚拟目录。创建步骤与网站创建虚拟目录。创建步骤与实例中相同。实例中相同。（7）在）在IIS中右击中右击“Service.asmx”文件，选择文件，选择“浏览浏览”命令，测试命令，测试WebService。第21页，本讲稿共28页21.5.3 21.5.3 编写编写FlexFlex程序程序编写编写Flex程序的步骤如下。程序的步骤如下。（1）新建）新建Flex工程。工程。（2）添加）添加DataGrid组件。组件。（3）添加）添加组件。组件。（4）完成剩余代码。）完成剩余代码。（5）按下）按下Ctrl+F11快捷键，编译运行程序。快捷键，编译运行程序。第22页，本讲稿共28页21.6 21.6 使用使用FluorineFluorine网关与网关与ASP.NetASP.Net类交互类交互上面章节中介绍了使用上面章节中介绍了使用组件与组件与ASP.Net网页进行交互。但这种方式的效率不如直接与网页进行交互。但这种方式的效率不如直接与ASP.Net类交互。类交互。Flex 4.0应用程序与应用程序与ASP.Net类交互的难点类交互的难点在于，两种语言的数据类型几乎完全不同，不能正常交互。在于，两种语言的数据类型几乎完全不同，不能正常交互。第23页，本讲稿共28页21.6.1 Fluorine21.6.1 Fluorine简介简介Fluorine是一种开源的是一种开源的AMF（ActionScript Messaging Formatter）网关，专门负责）网关，专门负责Flex 4.0与与.Net交互时的数据类交互时的数据类型转换。型转换。Fluorine现支持现支持ActionScript 2.0和和ActionScript 3.0，所以，所以Fluorine也可作为也可作为Flash与与.Net交互时的交互时的AMF网关。网关。Fluorine开发团队将开发团队将Fluorine项目制作成项目制作成Virsual Stdio中的模中的模板，方便用户安装和配置。板，方便用户安装和配置。21.6.2 Fluorine的下载与安装的下载与安装1下载下载Fluorine2安装安装Fluorine第24页，本讲稿共28页21.6.3 21.6.3 第三方组件第三方组件RemoteObjectAMF0RemoteObjectAMF0的使用的使用方法方法使用使用RemoteObjectAMF0组件的步骤如下所示。组件的步骤如下所示。（1）将）将RemoteObjectAMF0组件的源文件放置在工程组件的源文件放置在工程中。中。（2）引用）引用RemoteObjectAMF0组件所在的包。组件所在的包。（3）MXML文件中定义文件中定义RemoteObjectAMF0组件。组件。（4）调用）调用RemoteObjectAMF0组件中的方法。组件中的方法。第25页，本讲稿共28页21.6.4 Fluorine21.6.4 Fluorine实例实例使用使用Fluorine网关与网关与ASP.Net类交互的步骤如下。类交互的步骤如下。（1）创建数据库。数据库名为）创建数据库。数据库名为“School”，表名为，表名为“Notes”。（2）新建）新建Fluorine项目。项目。（3）设计）设计ASP.Net类。在自动生成的代码文件夹类。在自动生成的代码文件夹“App_Code”下新建名为下新建名为“GetSQLServer2000Data.cs”的的类文件。类文件。（4）在）在VS 2005中按下中按下Ctrl+F5键编译运行程序。键编译运行程序。（5）选择）选择“生成生成”|“发布网站发布网站”命令，发布网站。命令，发布网站。（6）为网站设置虚拟目录。）为网站设置虚拟目录。第26页，本讲稿共28页21.6.4 Fluorine21.6.4 Fluorine实例实例（7）在）在IIS中，右击中，右击“Gateway.aspx”文件，选择文件，选择“浏浏览览”命令，测量运行是否正常。命令，测量运行是否正常。（8）复制）复制RemoteObjectAMF0组件源文件至工程根目组件源文件至工程根目录下。录下。（9）引用）引用RemoteObjectAMF0组件的包，并定义名称组件的包，并定义名称空间。空间。（10）定义）定义RemoteObjectAMF0组件。组件。（11）设计外观模型。本程序中的可视化组件包括）设计外观模型。本程序中的可视化组件包括DataGrid组件、组件、Label组件、组件、TextInput组件、组件、Button组件等。组件等。（12）编写）编写GetData()方法调用成功后的处理函数。方法调用成功后的处理函数。（13）完成剩余代码。）完成剩余代码。第27页，本讲稿共28页21.7 21.7 小结小结本章详细地介绍了数据的传输与交互。数据传输按数据本章详细地介绍了数据的传输与交互。数据传输按数据类型可分为内部数据传输、文件流方式传输、类型可分为内部数据传输、文件流方式传输、XML方式传方式传输、其他方式传输。使用输、其他方式传输。使用组件可与组件可与HTTP程序交互，如程序交互，如ASP、PHP、ASP.Net、JSP等。使用等。使用组件可与组件可与WebService交互。使用交互。使用Fluorine网关可与网关可与.Net类交互。通过本章的学习，读者能够掌握类交互。通过本章的学习，读者能够掌握Flex 4.0如何与其他程序交互。如何与其他程序交互。第28页，本讲稿共28页