《Flex2与.NET2.0协作应用》.ppt.pptVIP

Flex 2.0与.NET 2.0协作应用 陈明达 厦门读客网程序员 厦门.NET俱乐部会员 我将讲些什么 Flex概述 Flex基本数据操作 Flex和.NET的协作方式 HttpService WebService Socket Flex和.NET联合调试 学习方式 Flex技术简介 看看Flex都能做些什么 Demo01 Demo02 学习Flex的价值 Flex运行环境构成 Action Script 3.0基本语法 MXML mx:Panel width=364 height=110 mx:TextInput id=TB_Input x=10 y=10 width=324/ mx:Button x=280 y=38 label=Send/ mx:Button x=10 y=38 label=Close Connection/ /mx:Panel 列表数据 实例化空的列表: var _data:Array = new Array(); 用已有值初始化列表: var _data:Array = [1,2,3…]; //Action Script int[] _data = new int[]{1,2,3….}; //C# 用已有值组合成对象后初始化列表: [Bindable] //当对象作为绑定数据源时要使用Bindable标签 var _data:Array = [ {Name:’Peter’, ID:1}, {Name:’Tom’, ID:2}…]; var _obj1:Object = new Object(); var _obj2:Object = new Object(); _obj1.Name = ‘Peter’; _obj1.ID = 1; _obj2.Name = ‘Tom’; _obj2.ID = 2; var _data2:Array = [_obj1, _obj2]; XML数据 以mxml语法定义: mx:XML id=“_data” root Member name=“Peter” id=“1” / /root /mx:XML 以AS3语法定义: //当对象作为绑定数据源时要使用Bindable标签 [Bindable] var _data:XML= root Member name=“Peter” id=“1” /root; XML操作 var _data:XML = root member id=“1” name=“Peter” city厦门/city /member member id=“2” name=“Tom” city福州/city /member /root ; _data.member; //XMLList对象 _data.member[0].city; //厦门 _data.member.(@id == 1).city; //厦门 _data.member.(city == “福州”).@name; //Tom 绑定数据 在AS中设置数据源: _tree.dataProvider = _data; 在mxml设置数据源: mx:Tree dataProvider={_data} … / 数据绑定的效果 Demo03 使用HttpService 建立aspx页面，用于接收或者返回数据 Flex中创建HttpService，指向上一步创建的aspx页面 mx:HttpService url=“../Service/xx.aspx” result=“OnResult(event)” / 调用HttpService _myService.send(); //无参数 _myService.send({Name:”xxx”, Email:”yyy”}); var _data:Object = new Object(); _data.Name = “XXX”; _data.Email = “yyy”; _myService.send(_data); //参数传递，这种形式在服务端使用Request.Params获取参数 在返回事件中处理数据 private function OnResult(event:ResultEvent):void{ _tree.dataProvider = event.result as XML; …… } 示例Demo04 HttpService的优点与缺点 优点 数据格式灵活 数据冗余比WebService小) 缺点 需要手动解释数据 不适合构建复杂系统 难以满足高负载和实时性要求高的需求 使用WebServi