`
jakielong
  • 浏览: 232136 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Cairngorm初学者入门教程 第六节--Cairngorm中Command利用Delegate与Service连接

    博客分类:
  • Flex
阅读更多

 

在上一节,我们利用FrontController 去映射 Event与Command

在这一节我们主要针对Command这部分动作做介紹。在RIA应用程序中,不可或缺的部份就是跟后台服务器连接进行数据传递。Command通过Delegate去做Services的部份(包含Remoting,WebServices,…等)

  • Command: 操作Cairngorm Business以及呼叫Cairngorm Delegates,这些回传所取得的资料Command会再将它更新到Model Locator
  • Delegate: 由Command所产生,将远程呼叫(RPC:remote procedure calls[HTTP, Web Services, etc])实例化,并将结果传回给Command。
  • Service:用来定义连接Server端的呼叫(RPC:remote procedure calls[HTTP, Web Services, etc]),来获取远程数据。 
    在Delegate中我们会作一个call service的部份,而Services相关的定义与设定,就纪录在Service Locator。
  • 延续上一个项目,我们修改LoginCommand的部份要通过Delegate去做Remoting,呼叫Server端 login function,去数据库查看判断账号密码是否正确。

    所以我们先在项目中新增business文件夹。

    新增两个文件,一个是Service.mxml组件。用来定义纪录可以使用的Services。

    因为组件的类型不是內建,所以先随便选一个再改mxml的內容
    这里示范的是使用搭配.NET Remoting的Freeware ” FluorineFx “,可以参考這裡

    代码如下:

     

    <?xml version="1.0" encoding="utf-8"?>
    <cairngorm:ServiceLocator
     xmlns:mx="http://www.adobe.com/2006/mxml"
     xmlns:cairngorm="com.adobe.cairngorm.business.*">
     
        <!-- Login Service -->
        <mx:RemoteObject
         id="Remoting_Services"
         source="Remoting.Services"
         destination="fluorine"
         showBusyCursor="true">
            <mx:method name="login" />
        </mx:RemoteObject>   
     
    </cairngorm:ServiceLocator>

     另一个是LoginDelegate.as类,用来连接Service,并将取得的资料回传给Command。

     

    代码如下:

     

    package org.rianotes.CairngormSample.business
    
    {
    
        import com.adobe.cairngorm.business.ServiceLocator;
    
      
    
        import mx.rpc.IResponder;
    
      
    
        import org.rianotes.CairngormSample.vo.User;
    
      
    
        public class LoginDelegate {
    
      
    
            private var responder:IResponder;
    
            private var service:Object;
    
      
    
            public function LoginDelegate(responder:IResponder) {
    
      
    
                this.responder = responder;
    
      
    
                //透過ServiceLocator取得連接Service的方式
    
                this.service = ServiceLocator.getInstance().getRemoteObject("Remoting_Services");
    
      
    
            }
    
      
    
            public function login(loginAttempt:User):void{
    
                //這部份要跟Server端Remoting Service 的名字相同傳入值型態也要相同
    
                var call:Object = service.login(loginAttempt);
    
      
    
                //處理伺服器的傳回值
    
                call.addResponder( responder );
    
      
    
            }
    
      
    
        }
    
    }
    

     

     为了传送账号和密码,所以也要针对Value object作修改

    User-Value object

    package org.rianotes.CairngormSample.vo
    
    {
    
        //.NET 那邊User.cs的 namespace
    
        [RemoteClass(alias="Remoting.Objects.User")]
    
        public class User
    
        {
    
            public var UserID:String;
    
            public var Password:String;
    
            public var Email:String;
    
      
    
            public function User(){
    
      
    
            }
    
      
    
        }
    
    }
     然后在LoginCommand中加入Responder要用到的result,fault function

     

    代码如下:

    package org.rianotes.CairngormSample.commands
    
    {
    
        import com.adobe.cairngorm.commands.ICommand;
    
        import com.adobe.cairngorm.control.CairngormEvent;
    
      
    
        import mx.controls.Alert;
    
        import mx.rpc.IResponder;
    
      
    
        import org.rianotes.CairngormSample.business.LoginDelegate;
    
        import org.rianotes.CairngormSample.events.LoginEvent;
    
        import org.rianotes.CairngormSample.model.ViewModelLocator;
    
      
    
        //加入IResponder 的Interfac才會呼叫result,falut ↓↓↓           
    
        public class LoginCommand implements ICommand , IResponder{
    
      
    
            public var model:ViewModelLocator = ViewModelLocator.getInstance();
    
      
    
            public function LoginCommand(){
    
      
    
            }
    
      
    
            //ICommand Interface function
    
            public function execute(event:CairngormEvent):void{
    
      
    
                var loginEvent:LoginEvent = event as LoginEvent;
    
          
    
                var delegate:LoginDelegate = new LoginDelegate(this);
    
                delegate.login(loginEvent.loginAttempt);
    
      
    
            }
    
      
    
            //delegate.login 成功取得回傳時做的function
    
            public function result( event :Object):void{
    
                if(event.result == true)
    
                {
    
                    model.workflowState = ViewModelLocator.MAIN_SCREEN;
    
                }else
    
                {
    
                    mx.controls.Alert.show("請確認帳號密碼是否正確!?");
    
                }
    
            }
    
      
    
            //delegate.login 失敗時做的function
    
            public function fault( event :Object):void{
    
                trace("連線錯誤")
    
            }
    
        }
    
    }
    

     LoginView.mxml也要做部分修改,代码如下:

    <?xml version="1.0" encoding="utf-8"?>
    <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
     horizontalAlign="right" xmlns:components="org.rianotes.CairngormSample.view.components.*">
        <mx:Script>
            <![CDATA[
                import org.rianotes.CairngormSample.vo.User;
                import org.rianotes.CairngormSample.events.LoginEvent;
                import org.rianotes.CairngormSample.model.ViewModelLocator;
                [Bindable]
                private var model:ViewModelLocator = ViewModelLocator.getInstance();
     
                private function login(e:MouseEvent):void{
                    var user:User = new User();
                    user.UserID = ti_UserID.text;
                    user.Password = ti_Password.text;
     
                    var loginEvent:LoginEvent = new LoginEvent(user);
     
                    //發送Login Event
                    loginEvent.dispatch();    
                }
     
            ]]>
        </mx:Script>
        <mx:Form borderStyle="solid" width="100%">
            <mx:FormItem label="UserID :" width="100%">
                <mx:TextInput id="ti_UserID" width="100%"/>
            </mx:FormItem>
     
            <mx:FormItem label="Password: " width="100%">
                <mx:TextInput id="ti_Password" width="100%"/>
            </mx:FormItem>
        </mx:Form>
    
        <mx:Button label="Login" click="login(event)" />
    </mx:VBox>
     最后我们在Main.mxml中加入Service

    代码如下:

    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application 
     xmlns:mx="http://www.adobe.com/2006/mxml" 
     xmlns:view="org.rianotes.CairngormSample.view.*"
     layout="absolute" xmlns:control="org.rianotes.CairngormSample.control.*" xmlns:business="org.rianotes.CairngormSample.business.*">
     
        <mx:Script>
            <![CDATA[
                import org.rianotes.CairngormSample.model.ViewModelLocator;
                [Bindable]
                private var model:ViewModelLocator = ViewModelLocator.getInstance();
            ]]>
        </mx:Script>
     
        <!--Cairngorm FrontController :讓app中擁有SampleController-->
        <control:SampleController id="controller" />
     
        <!--Cairngorm Services-->
        <business:Services id="services" />
     
        <mx:ViewStack id="vsMain" width="100%" height="100%"
         selectedIndex="{model.workflowState}">  
     
            <!--第0個View-->
            <view:LoginView />
     
            <!--第1個View-->
            <view:MainView />
        </mx:ViewStack> 
    </mx:Application>
     

     

    分享到:
    评论

    相关推荐

      Cairngorm入门教程整合spring

      在教程的最后,作者强调了本教程的目的是帮助初学者入门,更深层次的内容需要读者自行学习和探索。 通过以上的知识点,可以看出Cairngorm是一个功能丰富的框架,尤其适合于构建复杂的企业级Flex应用程序。它通过...

      Cairngorm deepdive

      ### Cairngorm深入解析 #### 一、Cairngorm框架简介 Cairngorm作为一款专门为Adobe Flex设计的模型视图控制器(Model-View-...无论是对于初学者还是经验丰富的开发者来说,掌握Cairngorm都是一项非常有价值的技能。

      Wrox.Professional.Cairngorm.Nov.2009.rar

      这本书是深入理解并有效利用Cairngorm框架的宝贵资源,无论你是初学者还是有经验的开发者,都能从中受益。《Wrox Professional Cairngorm Nov 2009》的PDF文件包含了所有这些详细信息,是你学习和探索Cairngorm...

      scratch少儿编程逻辑思维游戏源码-滚动城市.zip

      scratch少儿编程逻辑思维游戏源码-滚动城市.zip

      scratch少儿编程逻辑思维游戏源码-幻想勇士.zip

      scratch少儿编程逻辑思维游戏源码-幻想勇士.zip

      scratch少儿编程逻辑思维游戏源码-火柴人地底冒险.zip

      scratch少儿编程逻辑思维游戏源码-火柴人地底冒险.zip

      scratch少儿编程逻辑思维游戏源码-僵尸逃亡.zip

      scratch少儿编程逻辑思维游戏源码-僵尸逃亡.zip

      MATLAB导热计算:一维/二维全显、全隐及半隐格式的导热算例及迭代方法解析

      内容概要:本文介绍了使用MATLAB进行一维和二维导热计算的各种格式及其迭代方法。首先,针对一维导热问题,分别讲解了全显格式、全隐格式和半隐格式的基本原理和实现步骤。接着,对于二维导热问题,不仅涵盖了全显和全隐格式的应用,还深入探讨了隐式格式下常用的迭代方法,如ADI迭代、点迭代和高斯-赛德点迭代(GS)。此外,文中强调了如何自定义导热几何距离和边界条件,使用户能够灵活应对不同应用场景的需求。最后,提醒使用者在编写代码时要注意算法的稳定性和准确性。 适合人群:对导热计算感兴趣的科研工作者、工程师及高校学生。 使用场景及目标:①掌握MATLAB在一维和二维导热计算中的多种格式和迭代方法;②学会根据实际需求设定导热几何距离和边界条件;③提高对导热问题的理解和解决能力。 其他说明:本文提供的代码片段为示意性质,具体实现还需参考相关文献或MATLAB官方文档。

      容器技术Docker教程与项目资源精选:涵盖安装配置、实战项目及性能优化指南

      内容概要:本文档为2025年最新的Docker教程与项目资源精选,分为四个部分。第一部分介绍入门教程与核心概念,包括多平台安装指南、核心概念解析以及常用命令速查,如容器管理、镜像操作等。第二部分聚焦实战项目与高阶应用,涵盖单服务部署(如MySQL快速部署、Redis集群搭建)、多容器编排(如WordPress部署、微服务架构)。第三部分提供资源导航与工具推荐,列举官方文档、社区教程、离线镜像包、私有仓库搭建等学习资源和实用工具。第四部分给出避坑指南与最佳实践,针对常见问题(如端口冲突处理、时区同步)和性能优化(如资源限制、镜像精简)提出解决方案。; 适合人群:对Docker感兴趣的初学者以及有一定经验的研发人员。; 使用场景及目标:①掌握Docker的基础安装与配置,理解核心概念;②通过实战项目提升技能,如单服务部署、多容器编排等;③利用提供的资源和工具深入学习并解决实际问题,优化Docker使用体验。; 阅读建议:读者应按照文档结构逐步学习,先掌握基础概念和命令,再尝试实战项目,最后结合避坑指南和最佳实践进行优化。同时,可以参考推荐的学习资源和工具,加深理解和应用。

      少儿编程scratch项目源代码文件案例素材-雨林跑酷.zip

      少儿编程scratch项目源代码文件案例素材-雨林跑酷.zip

      scratch少儿编程逻辑思维游戏源码-火柴人冒险记.zip

      scratch少儿编程逻辑思维游戏源码-火柴人冒险记.zip

      scratch少儿编程逻辑思维游戏源码-极限跳跳.zip

      scratch少儿编程逻辑思维游戏源码-极限跳跳.zip

      少儿编程scratch项目源代码文件案例素材-土豆兄弟.zip

      少儿编程scratch项目源代码文件案例素材-土豆兄弟.zip

      S7-200 PLC与MCGS组态在温度及加热控制系统设计中的应用

      内容概要:本文详细介绍了基于S7-200 PLC和MCGS组态软件的温度控制系统及其加热控制设计。首先阐述了项目背景和重要性,接着分别介绍了S7-200 PLC的强大特性和广泛应用,以及MCGS组态软件的功能特点。随后重点讲解了温度控制系统的具体设计流程,包括传感器数据采集、PLC逻辑控制和MCGS界面显示三个关键步骤。最后展示了简化的S7-200 PLC梯形图代码片段,用以说明加热过程的具体控制方法。通过这套系统,实现了高效、精准的温度管理,显著提升了工业生产的质量和效率。 适合人群:从事工业自动化领域的工程师和技术人员,尤其是那些希望深入了解PLC编程和组态软件应用的专业人士。 使用场景及目标:适用于需要高精度温度控制的各种工业场合,如化工、食品加工等行业。目标在于帮助用户掌握利用S7-200 PLC和MCGS组态软件构建稳定可靠的温度控制系统的方法。 其他说明:文中提供的案例和代码片段有助于读者更好地理解和实践相关技术,为实际工程项目提供有价值的参考。

      2024安全行业大模型技术应用态势发展报告-中国通信标准化协会.pdf

      2024安全行业大模型技术应用态势发展报告-中国通信标准化协会

      scratch少儿编程逻辑思维游戏源码-姜饼人.zip

      scratch少儿编程逻辑思维游戏源码-姜饼人.zip

      scratch少儿编程逻辑思维游戏源码-飞翔投篮.zip

      scratch少儿编程逻辑思维游戏源码-飞翔投篮.zip

      少儿编程scratch项目源代码文件案例素材-五月的花.zip

      少儿编程scratch项目源代码文件案例素材-五月的花.zip

      PFC5.02D煤层开挖案例分析:分步开挖实施与效果提升

      内容概要:本文详细介绍了PFC5.02D软件平台下煤层开挖的分步实施方法及其效果。文章首先概述了PFC5.02D作为专业岩石力学分析软件在煤层开挖中的重要性,然后逐步讲解了从前期准备到最终完成开挖的具体操作流程,包括初步开挖、分步开挖、支护与加固等关键环节。通过PFC5.02D软件模拟,实现了对煤层变形、破坏情况的实时监控,确保了开挖的安全性和高效性。最后,文章总结了分步开挖带来的多项优势,如提高开采效率、保障生产安全、降低成本以及增强决策科学性。 适合人群:从事煤炭开采及相关领域的工程师和技术人员。 使用场景及目标:适用于需要利用PFC5.02D软件进行煤层开挖规划和执行的专业人士,旨在帮助他们掌握分步开挖的技术要点,优化开挖方案,提高工作效率和安全性。 其他说明:文中提到的分步开挖方法不仅有助于解决当前的开挖难题,也为未来的煤炭开采技术创新提供了有益借鉴。

      少儿编程scratch项目源代码文件案例素材-渔夫.zip

      少儿编程scratch项目源代码文件案例素材-渔夫.zip

    Global site tag (gtag.js) - Google Analytics