flex 3 + .net开发flash Remoting四 --- 完整代码及Demo下载

flex 3 + .net开发flash Remoting四 --- 完整代码及Demo下载



一. 相关说明：
    本篇将呈现完整的Flash Remoting访问远程服务器，包括以可视化组件方式和以编程方式访问远程服务器。Asp.net服务器端和Flex客户端完整代码下载。

二. 相关代码预览：
    1.frServices.as，以编程方式访问远程服务器。

package com.demo.fr
{
    import flash.events.EventDispatcher;
    import flash.net.NetConnection;
    import flash.net.Responder;
    
    //用代码调用flash Remoting。
    public class frServices
    {
        //Remoting服务器对象完整名称。
        private var name_ServerClass : String = "Hxw.Demo.FlashRemoting.Hellow";
        //初始化一个事件广播对象。
        private var eventDispatcher : EventDispatcher = new EventDispatcher();        
        //事件关键字定义：Event_KEY_Success_DisplayHellow。
        public static var Event_KEY_Success_DisplayHellow : String = "Event_KEY_Success_DisplayHellow";
        //事件关键字定义：Event_KEY_Success_SayHellowWorld。
        public static var Event_KEY_Success_SayHellowWorld : String = "Event_KEY_Success_SayHellowWorld";
        //事件关键字定义：Event_KEY_Success_GetUsers。
        public static var Event_KEY_Success_GetUsers : String = "Event_KEY_Success_GetUsers";        
        //事件关键字定义：Event_KEY_Fault。
        public static var Event_KEY_Fault : String = "Event_KEY_Fault";            
        //Remoting连接对象。
        private var conn : NetConnection = null;
        //Flash Remoting方法返回值获取对象。
        private var rp :Responder = null;
        
        //构造器。
        public function frServices()
        {
            
        }
        
        //开始调用远程服务方法。
        public function preCall(result : Function):void
        {            
            //初始化Remoting连接对象。
            this.conn = new NetConnection();            
            //调用connect( )方法，传递进Flash Remoting网关的URL。
            this.conn.connect("http://localhost:5678/WebFR/Gateway.aspx");            

            this.rp = new Responder(result,onError);    
        }
        
        //调用远程服务方法。
        public function call_DisplayHellow():void
        {                
            this.preCall(onResult_DisplayHellow);
            
            //对象的call( )方法调用Flash Remoting方法，call( )方法需要两个参数，
            //第一个参数指定方法名称和路径，第二个参数指定响应处理函数，如果不需要处理函数，可直接设为null
            //处理FlashRemoting响应。
            this.conn.call(this.name_ServerClass + ".DisplayHellow",this.rp);
        }
        
        //调用远程服务方法。
        public function call_SayHellowWorld(name : String):void
        {
            this.preCall(onResult_SayHellowWorld);
            this.conn.call(this.name_ServerClass + ".SayHellowWorld",this.rp,name);
        }
        
        //调用远程服务方法。
        public function call_GetUsers():void
        {
            this.preCall(onResult_GetUsers);
            this.conn.call(this.name_ServerClass + ".GetUsers",this.rp);
        }        
        
        //调用服务成功。
        private function onResult_DisplayHellow(result : Object) : void
        {
            this.resultHandler(result,"DisplayHellow",frServices.Event_KEY_Success_DisplayHellow);
        }
        
        private function onResult_SayHellowWorld(result : Object) : void
        {
            this.resultHandler(result,"SayHellowWorld",frServices.Event_KEY_Success_SayHellowWorld);
        }
        
        private function onResult_GetUsers(result : Object) : void
        {
            this.resultHandler(result,"GetUsers",frServices.Event_KEY_Success_GetUsers);
        }        
        
        //调用服务成功的处理。
        private function resultHandler(result : Object,targetName : String ,eventKey : String) : void
        {
            var ce : CUEvent = new CUEvent(eventKey);
            ce.Sender = result;
            ce.CurrentTargetName = targetName;
            
            this.eventDispatcher.dispatchEvent(ce);
        }
        
        //调用服务失败。
        private function onError(error : Object):void
        {
            var ce : CUEvent = new CUEvent(Event_KEY_Fault);
            ce.Sender = error;
            
            this.eventDispatcher.dispatchEvent(ce);    
        }
        
        //创建一个供外部调用的附加事件侦听的方法。
        public function addEventListener(type : String , listener : Function):void
        {
            this.eventDispatcher.addEventListener(type,listener);    
        }

    }
}

    2.CUEvent.as，自定义事件。

package com.demo.fr
{
    import flash.events.Event;
    
    //从Event继承一个类。
    //为什么as3中仅仅能够定义一个构造器，郁闷。
    public class CUEvent extends Event
    {
        //数据实体。
        private var _sender : Object = null;
        //方法名。
        private var  _currentTargetName: String = "";
        
        //构造器(为什么as3中仅仅能够定义一个构造器，郁闷)。
        public function CUEvent(type : String,bubbles : Boolean = false,cancelable : Boolean = false)
        {
            super(type,bubbles,cancelable);
        }    
        
        //获取 数据实体。
        public function get Sender():Object
        {
            return this._sender;
        }

        //设置 数据实体。
        public function set Sender(value : Object) : void
        {
            this._sender = value;
        }
        
        //获取 方法名称。
        public function get CurrentTargetName() : String
        {
            return this._currentTargetName;
        }
        
        //设置 方法名称。
        public function set CurrentTargetName(value : String) :void
        {
            this._currentTargetName = value;
        }

    }
}

    3.User.as，数据模型，对应服务器端的User.cs。

package com.demo.fr
{
    [RemoteClass(alias="Hxw.Demo.FlashRemoting.User")]
    public class User
    {
        public function User()
        {
        }
        
        private var _name : String = "";
        private var _age : int = 0;
        private var _sex : String = "";
        
        public function get Name():String
        {
            return this._name;
        }
        
        public function set Name(v:String):void
        {
            this._name = v;
        }
        
        public function get Age():int
        {
            return this._age;
        }
        
        public function set Age(v:int):void
        {
            this._age = v;
        }
        
        public function get Sex():String
        {
            return this._sex;
        }
        
        public function set Sex(v:String):void
        {
            this._sex = v;
        }
        
        public function toString():String
        {
            return "姓名：" + this._name + "；年龄：" + this._age.toString() + "；性别：" + this._sex;
        }
    }
}

    4.MXML Application代码。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

    <mx:Script>
        <![CDATA[
            import com.demo.fr.CUEvent;
            import flash.net.navigateToURL;
            import mx.collections.ArrayCollection;            
            import mx.rpc.events.ResultEvent;
            import mx.rpc.events.FaultEvent;
            import mx.controls.Alert;
            import com.demo.fr.User;
            import com.demo.fr.frServices;
            import mx.styles.StyleManager;
            
            
            //1表示以可视化组件方式访问过程服务器。
              //2表示以编程方式访问过程服务器。
            private var mode : int = 2;
            
            //调用相关的Remoting服务或模式。
            private function callServer(fn : String):void
            {                
                if(this.mode == 1)
                {
                    switch(fn)
                    {
                        case "DisplayHellow":
                            sampleRemoteObject.DisplayHellow();
                            break;
                        case "SayHellowWorld":
                            sampleRemoteObject.SayHellowWorld(this.txtMessage.text);
                            break;                        
                        case "GetUsers":
                            sampleRemoteObject.GetUsers();
                            break;
                    }
                }
                else
                {
                    var fr : frServices = new frServices();    
                    this.addEventListener(frServices.Event_KEY_Fault,onRemoteFault2);
                    
                    switch(fn)
                    {
                        case "DisplayHellow":
                            fr.addEventListener(frServices.Event_KEY_Success_DisplayHellow,onRemoteResult2);
                            fr.call_DisplayHellow();
                            break;
                        case "SayHellowWorld":
                            fr.addEventListener(frServices.Event_KEY_Success_SayHellowWorld,onRemoteResult2);
                            fr.call_SayHellowWorld(this.txtMessage.text);
                            break;                        
                        case "GetUsers":
                            fr.addEventListener(frServices.Event_KEY_Success_GetUsers,onRemoteResult2);
                            fr.call_GetUsers();
                            break;
                    }
                }
            }
            
            
            //当Remoting服务调用成功的回调函数(控件调用)。
            private function onRemoteResult(event:ResultEvent) : void
            {
                this.remoteSuccessHandler(event.result,event.currentTarget.name);                
            }
            
            //当Remoting服务调用失败的回调函数(控件调用)。
            private function onRemoteFault(event:FaultEvent) : void
            {
                this.remoteFault(event.fault.toString());
            }        
            
            //当Remoting服务调用成功的回调函数(代码实现)。
            private function onRemoteResult2(event : CUEvent):void
            {
                this.remoteSuccessHandler(event.Sender,event.CurrentTargetName);
            }

            //当Remoting服务调用失败的回调函数(代码实现)。
            private function onRemoteFault2(event : CUEvent) : void
            {
                this.remoteFault(event.Sender.toString());
            }        
            
            //当Remoting服务调用成功的处理。
            private function remoteSuccessHandler(data : Object,fn : String):void
            {
                switch(fn)
                {
                    case "DisplayHellow":
                        Alert.show(data as String,"DisplayHellow");
                        break;
                    case "SayHellowWorld":
                        Alert.show(data as String,"SayHellowWorld");
                        break;
                    case "GetUsers":
                        var userList : ArrayCollection = data as ArrayCollection;
                        this.dgUsers.dataProvider = userList;
                        break;
                }
            }
            
            //当Remoting服务调用失败的处理。
            private function remoteFault(desc:String):void
            {
                Alert.show(desc,"Remoting调用出错");
            }            

            
            //清空DataGrid中的数据。
            private function clearUsers() : void
            {
                this.dgUsers.dataProvider = null;
            }
            
            //链接到本人的博客。
            private function getURL():void
            {
                flash.net.navigateToURL(new URLRequest("http://mrhgw.cnblogs.com"));
            }    
            
        ]]>
    </mx:Script>    
    
    <mx:RemoteObject id="sampleRemoteObject"
        destination="fluorine"
        source="Hxw.Demo.FlashRemoting.Hellow"
        showBusyCursor="true">
        
       <!--这里是.NET中的方法，name = 方法名 -->       
        <mx:method name="DisplayHellow" result="onRemoteResult(event)" fault="onRemoteFault(event)"/>
        <mx:method name="SayHellowWorld" result="onRemoteResult(event)" fault="onRemoteFault(event)"/> 
        <mx:method name="GetUsers" result="onRemoteResult(event)" fault="onRemoteFault(event)"/>        
    </mx:RemoteObject>
    <mx:Panel layout="absolute" title="Flash Remoting Demo" fontSize="25" right="19" left="19" bottom="67" top="20">
        <mx:TitleWindow x="28" y="29" width="290" height="116" layout="absolute" title="Display Hellow World" fontSize="15">
            <mx:Button x="10" y="21" label="Call" id="btDisplayHellow" width="120" fontSize="15" click="callServer('DisplayHellow');"/>
        </mx:TitleWindow>
        <mx:TitleWindow layout="absolute" title="Say Hellow World" top="168" bottom="30" left="28" width="290" fontSize="15">
            <mx:TextInput x="10" y="30" width="232" id="txtMessage" fontSize="13"/>
            <mx:Button x="10" y="76" label="Call" id="btSayHellowWorld" width="120" fontSize="15" click="callServer('SayHellowWorld')"/>
            <mx:Label x="10" y="0" text="Name：" fontSize="13" fontWeight="bold"/>
        </mx:TitleWindow>
        <mx:TitleWindow layout="absolute" title="Get Users" left="340" right="34" bottom="30" top="29" fontSize="15">
            <mx:Button x="10" y="21" label="Call" id="btGetUser" width="120" fontSize="15" click="callServer('GetUsers')"/>
            <mx:DataGrid id="dgUsers" fontSize="13" right="10" left="10" top="65" bottom="10">
                <mx:columns>
                    <mx:DataGridColumn headerText="姓名" dataField="Name"/>
                    <mx:DataGridColumn headerText="性别" dataField="Sex"/>
                    <mx:DataGridColumn headerText="年龄" dataField="Age"/>
                </mx:columns>
            </mx:DataGrid>
            <mx:Button x="148" y="21" label="Clear" id="btClear" width="120" fontSize="15" click="clearUsers()"/>
        </mx:TitleWindow>
    </mx:Panel>
    <mx:HRule right="10" left="10" bottom="44" height="10"/>
    <mx:LinkButton label="Powered by Hxw(http://mrhgw.cnblogs.com)" fontSize="15" fontStyle="italic" right="45" bottom="8" click="getURL();"/>
    
</mx:Application>

    5. 注意。
        在MXML Application的代码中，有代码：private var mode : int = 2;mode值为1表示以可视化组件方式访问远程服务器；mode值为2表示以编程方式访问远程服务器。

三. Demo下载。
    1. ASP.NET服务器端代码 下载 。
    2. Flex客户端代码 下载 。

四. 结束语。
    flex 3 + .net开发flash Remoting本系列文章至此结束，如有谬误敬请指正，欢迎一起学习交流。