Chinaunix首页 | 论坛 | 博客

huhuegg's BLOGhuhuegg.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

huhuegg

  • 博客访问： 599888
  • 博文数量： 60
  • 博客积分： 3993
  • 博客等级： 中校
  • 技术积分： 1572
  • 用 户 组： 普通用户
  • 注册时间： 2005-08-08 17:08
文章分类

全部博文（60）

文章存档

2012年（7）

2011年（35）

2010年（8）

2009年（7）

2008年（3）

我的朋友
最近访客
推荐博文
相关博文
[Flex][ActionScript]对PureMVC框架理解后的应用

分类： Python/Ruby

2011-06-02 10:00:10

描述一下自己对PureMVC的理解和使用，以下代码仅为说明自己使用的方式，不是完整的代码，如有问题请大家指教。
 
NameSpace.as : 定义常量
  1. package com.me.myapp
  2. {
  3.     
  4.     public class NameSpace
  5.     {
  6.         //Controller Command

  8.         public static const STARTUP                                :String = "startup";
  9.         
  10.         public static const CONN_SRV                            :String = "ConnSrv";
  11.         public static const CONN_SUCCESS                        :String    = "ConnSuccess";
  12.         public static const CONN_FAILED                            :String = "ConnFailed";

  14.         public static const SEND                                :String = "Send";        
  15.         public static const SEND_SUCCESS                        :String = "SendSuccess";
  16.         public static const SEND_FAILED                            :String = "SendFailed";    

  18.         public static const RECV                                :String = "Recv";        
  19.         public static const RECV_SUCCESS                        :String = "RecvSuccess";
  20.         public static const RECV_FAILED                            :String = "RecvFailed";    
  21.                     
  22.         public static const LOGIN                                :String = "Login";
  23.         public static const LOGIN_SUCCESS                        :String = "LoginSuccess";
  24.         public static const LOGIN_FAILED                        :String = "LoginFailed";
  25.         
  26.         public static const LOGOUT                                :String = "Logout";
  27.         public static const LOGOUT_SUCCESS                        :String = "LogoutSuccess";
  28.         
  29.                 
  30.         //Model Proxy

  32.         public static const VIEWSTACK_PROXY                        :String = 'ViewStackProxy';
  33.         public static const COMMAND_PROXY                        :String = 'CommandProxy';
  34.         public static const CONN_PROXY                            :String = 'ConnProxy';        

  36.         //View Mediator

  38.         public static const APPLICATION_MEDIATOR                :String = "ApplicationMediator";
  39.         public static const LOGIN_PANEL_MEDIATOR                :String = "LoginPanelMediator";
  40.         public static const LOGOUT_PANEL_MEDIATOR                :String = "LogoutPanelMediator";
  41.         public static const LOGOUT_BUTTON_MEDIATOR                :String = "LogoutButtonMediator";
  42.         public static const RECONN_BUTTON_MEDIATOR                :String = "ReconnButtonMediator";
  43.         
  44.         //View Status

  46.         public static const    LOGIN_PAGE_CREATED                    :String    = "BeforeLogin";
  47.         public static const    START_PAGE_CREATED                    :String    = "AfterLogin";
  48.         public static const    LOGOUT_PAGE_CREATED                     :String    = "AfterLogout";
  49.     
  50.         //ViewStack index

  52.         public static const PAGE_INDEX_LOGIN                    :Number = 0;
  53.         public static const PAGE_INDEX_START                    :Number = 1;
  54.         public static const PAGE_INDEX_LOGOUT                    :Number = 2;

  56.         //Init

  58.         
  59.         //Method

  61.         public static const    LOGIN_BUTTON_CLICK                    :String    = "LoginButtonClick";
  62.         public static const    LOGOUT_BUTTON_CLICK                    :String    = "LogoutButtonClick";
  63.         public static const RECONN_BUTTON_CLICK                    :String = "ReconnButtonClick";

  65.         //PopUpWindow


  68.         //remove PopUpWindow        


  71.     }
  72. }
 
HelloMVC.mxml : 初始化Application facade
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application
  3.     xmlns:mx=""
  4.     xmlns:app_comp="com.me.myapp.view.app.components.*"
  5.     layout="vertical"
  6.     creationComplete="init()"
  7.     xmlns:pages="com.me.myapp.view.*"
  8. >

  10.     <mx:Script>
  11.         <![CDATA[
  12.             import mx.collections.ArrayCollection;

  14.             import com.me.myapp.NameSpace;

  16.             //获取ApplicationFacade

  18.             import com.me.myapp.ApplicationFacade;
  19.             
  20.             import flash.system.Security;
  21.             import mx.controls.Alert;
  22.                             
  23.             //使用getInstance类方法初始化facade变量，Facade和相关的Module View Controller都会被实例化

  25.             private var facade:ApplicationFacade = ApplicationFacade.getInstance();
  26.             
  27.             public function init():void
  28.             {
  29.                 //启动整个PureMVC机制

  31.                 facade.startup(this); //this在一个类里面指代类'自己'

  33.                 //INFO: 除了顶层的Application，其他视图组件都不需要(不应该)和Facade交互

  35.                 
  36.                 //dispatchEvent LOGIN_PAGE_CREATED

  38.                 dispatchEvent(new Event(NameSpace.LOGIN_PAGE_CREATED,true));
  39.                 
  40.             }
  41.             
  42.             //使用viewStack跳转页面

  44.             [Bindable] public var currentViewSelector:Number = NameSpace.PAGE_INDEX_LOGIN;
  45.             [Bindable] public var activeView:Object;
  46.             

  48.         ]]>
  49.     </mx:Script>
  50.     <mx:Binding source="appView.selectedChild" destination="activeView"/>
  51.     <mx:ApplicationControlBar id="applicationControlBar" width="100%">
  52.         <mx:Image source="icon/logo.gif" width="126" height="45"/>
  53.         <app_comp:TopMenuBar id="topMenuBar" styleName="security(view_topMenuBar,enabled)"/>
  54.         <mx:Label text="用户:" fontSize="14"/>
  55.         <mx:Label id="userLabel" fontSize="14" color="#FAFAFA"/>
  56.         <mx:Label text="角色:" fontSize="14"/>
  57.         <app_comp:UserRoleComboBox id="userRoleComboBox"/>
  58.         <app_comp:LogoutButton id="logoutButton"/>
  59.         <mx:Spacer width="100%"/>
  60.         <mx:Label text="状态:" fontSize="14"/>
  61.         <mx:Label id="statusLabel" fontSize="14" color="#FAFAFA"/>
  62.     </mx:ApplicationControlBar>
  63.     <mx:ViewStack id="appView" resizeToContent="true" selectedIndex="{currentViewSelector}" width="100%" height="100%">
  64.         <pages:LoginPage id="loginPage" creationComplete="dispatchEvent(new Event(NameSpace.LOGIN_PAGE_CREATED,true))" width="100%" height="100%"/>
  65.         <pages:StartPage id="startPage" creationComplete="dispatchEvent(new Event(NameSpace.START_PAGE_CREATED,true))" width="100%" height="100%"/>
  66.         <pages:LogoutPage id="logoutPage" creationComplete="dispatchEvent(new Event(NameSpace.LOGOUT_PAGE_CREATED,true))" width="100%" height="100%"/>
  67.     </mx:ViewStack>
  68. </mx:Application>

 

ApplicationFacade.as : 启动PureMVC，注册Command,建立Notification与Command的映射

  1. package com.me.myapp
  2. {
  3.     //import NameSpace

  5.     import com.me.myapp.controller.*;
  6.     import com.me.myapp.model.*;
  7.     import com.me.myapp.view.*;
  8.     
  9.     import org.puremvc.as3.interfaces.IFacade;
  10.     import org.puremvc.as3.patterns.facade.Facade;
  11.     
  12.     //myapp的Facade类

  14.     public class ApplicationFacade extends Facade implements IFacade //继承自Facade类,Facade类实现了IFacade接口

  16.     {
  17.         //Facade类是整个系统其他角色相互访问的核心


  20.         public function ApplicationFacade()
  21.         {
  22.             super(); //使用super()显式地调用其直接超类(extends Facade)的构造函数

  24.         }

  26.         //得到ApplicationFacade的工厂方法

  28.         public static function getInstance():ApplicationFacade
  29.         {
  30.             if (instance == null)
  31.             {
  32.                 instance = new ApplicationFacade();
  33.             }
  34.             return instance as ApplicationFacade;
  35.         }
  36.         

  38.         //启动PureMVC,在应用程序中调用此方法，并传递应用程序本身的引用

  40.         public function startup(app:HelloMVC):void
  41.         {
  42.             sendNotification(NameSpace.STARTUP,app); //派发STARTUP的Notification，并将app作为参数

  44.         }

  46.         //注册Command,建立Notification与Command的映射

  48.         override protected function initializeController():void //覆盖initializeController方法

  50.         {
  51.             super.initializeController();
  52.             
  53.             //建立Notification与Command之间的关系

  55.             trace("建立Notification与Command之间的关系");
  56.             registerCommand(NameSpace.STARTUP,StartupCommand); //初始化Model和View
  57.             registerCommand(NameSpace.CONN_SRV,ConnCommand);
  58.             registerCommand(NameSpace.CONN_SUCCESS,ConnSuccessCommand);
  59.             registerCommand(NameSpace.CONN_FAILED,ConnFailedCommand);    
  60.             registerCommand(NameSpace.SEND,SendCommand);                    
  61.             registerCommand(NameSpace.RECV,RecvCommand);
  62.             registerCommand(NameSpace.RECV_SUCCESS,RecvSuccessCommand);
  63.             registerCommand(NameSpace.RECV_FAILED,RecvFailedCommand);
  64.             registerCommand(NameSpace.LOGIN,LoginCommand);
  65.             registerCommand(NameSpace.LOGIN_SUCCESS,LoginSuccessCommand);
  66.             registerCommand(NameSpace.LOGIN_FAILED,LoginFailedCommand);                    
  67.             registerCommand(NameSpace.LOGOUT,LogoutCommand);
  68.             registerCommand(NameSpace.LOGOUT_SUCCESS,LogoutSuccessCommand);
  69.                      
  70.         }        
  71.     }
  72. }

 

M

Conn.vo : 定义值对象(Data Object)

  1. package com.me.myapp.model.vo
  2. {
  3.     import flash.net.Socket;
  4.     import flash.utils.ByteArray;

  6.     public class ConnVO
  7.     {
  8.         public var socket:Socket = new Socket();

  10.         public var connIP:String = "192.168.11.145"; //test -> 192.168.10.145

  12.         public var connPort:uint = 6001;
  13.         public var connMask:uint = 8; //8:无校验,压缩,无加密

  15.         public var connStatus:int = 0; //0 no connected, 1 connected,<0 error

  17.         [Bindable] public var isDisconn:Boolean = true;
  18.         
  19.         public var sendBuf:String;
  20.         //STEP

  22.         //0:未连接 1:正在连接 2:已连接 3:发送消息 4:消息接受完成

  24.         // -2:连接失败 -3:发送消息失败 -4:消息接受失败

  26.         public var STEP:int = 0; //状态

  28.         
  29.         public var bufBytesArr:ByteArray = new ByteArray(); //接收缓存

  31.         public var state:int = 0; //包接收状态 -1:包头不完整 -2:包头完整但数据未接收完 0:初始状态 1:包头已接收,确认该包长度 2:只有一个数据包并且接收完整 3:有一个以上的包

  33.         
  34.         public var waitBytes:int = 0;
  35.         }
  36. }

ConnProxy.as ：用于访问ConnVO的Proxy

  1. package com.me.myapp.model
  2. {
  3.     //import NameSpace

  5.     import com.me.myapp.NameSpace;
  6.     import com.me.myapp.model.vo.*;
  7.     
  8.     import org.puremvc.as3.interfaces.IProxy;
  9.     import org.puremvc.as3.patterns.proxy.Proxy;
  10.         
  11.     public class ConnProxy extends Proxy implements IProxy
  12.     {

  14.         public function ConnProxy(data:Object=null):void
  15.         {
  16.             super(NameSpace.CONN_PROXY,new ConnVO());

  18.         }

  20.         public function get connVO():ConnVO
  21.         {
  22.             return data as ConnVO;
  23.         }    
  24.     }
  25. }

 

V

LoginPanel.mxml : UI

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Panel xmlns:mx=""
  3.     layout="vertical" title="LoginPanel" creationComplete="{init()}">

  5.     <mx:Script>
  6.         <![CDATA[
  7.             import com.me.myapp.NameSpace;
  8.             import flash.events.Event;
  9.             import flash.events.EventDispatcher;
  10.             import flash.events.KeyboardEvent;
  11.             import mx.events.FlexEvent;
  12.             import mx.validators.Validator;

  14.             public function init():void
  15.             {
  16.                 trace("init LoginPanel");
  17.                 txi_userName.addEventListener(FlexEvent.ENTER,enter_click);
  18.                 txi_userPassword.addEventListener(FlexEvent.ENTER,enter_click);    
  19.             }    

  21.             public function enter_click(e:FlexEvent):void
  22.             {
  23.                 click();
  24.             }
  25.             
  26.             public function click():void
  27.             {
  28.                 trace("click login button");
  29.                 dispatchEvent(new Event(NameSpace.LOGIN_BUTTON_CLICK,true));
  30.                 
  31.             }
  32.             public function txi_userName_click():void
  33.             {
  34.                 txi_userName.text = '';
  35.             }

  37.         ]]>
  38.     </mx:Script>
  39.     <mx:StringValidator id="txi_userNameValidator"
  40.         source="{txi_userName}"
  41.         requiredFieldError="用户名不能为空"
  42.         property="text"
  43.         minLength="3" />
  44.     <mx:StringValidator id="txi_userPasswordValidator"
  45.         source="{txi_userPassword}"
  46.         requiredFieldError="密码不能为空"
  47.         property="text"
  48.         minLength="3" />
  49.                 
  50.     <mx:Text text="虚拟化管理平台" fontSize="24" color="#0F5AE2" fontWeight="bold" width="100%" textAlign="center"/>
  51.     <mx:Form width="100%">
  52.         <mx:FormItem label="用户名">
  53.             <mx:TextInput id="txi_userName" text="zhangminjie" click="{txi_userName_click()}"/>

  55.         </mx:FormItem>
  56.         <mx:FormItem label="密码">
  57.             <mx:TextInput id="txi_userPassword" displayAsPassword="true" text=""/>
  58.         </mx:FormItem>
  59.     </mx:Form>
  60.     <mx:Button width="100%" label="Login" id="bt_login" click="{click()}"/>
  61.     <mx:ControlBar id="ControlBar">
  62.         <mx:Label id="statusLabel"/>
  63.     </mx:ControlBar>
  64.     
  65. </mx:Panel>

LoginPanelMediator.as : UI相关的Mediator

  1. package com.me.myapp.view.login.mediators
  2. {
  3.     import com.me.myapp.NameSpace;
  4.     import com.me.myapp.model.UserProxy;
  5.     import com.me.myapp.view.login.components.*;
  6.     
  7.     import flash.events.Event;
  8.     
  9.     import mx.controls.Alert;
  10.     
  11.     import org.puremvc.as3.interfaces.IMediator;
  12.     import org.puremvc.as3.interfaces.INotification;
  13.     import org.puremvc.as3.patterns.mediator.Mediator;
  14.     
  15.     public class LoginPanelMediator extends Mediator implements IMediator
  16.     {
  17.         public function LoginPanelMediator(viewComponent:LoginPanel):void
  18.         {
  19.             super(NameSpace.LOGIN_PANEL_MEDIATOR,viewComponent);
  20.             trace("触发loginPanelMediator()");
  21.             //try conn

  23.             sendNotification(NameSpace.CONN_SRV);
  24.             
  25.             //wait login button click

  27.             trace("loginPanel添加事件监听: NameSpace.LOGIN_BUTTON_CLICK -> onLogin");
  28.             loginPanel.addEventListener(NameSpace.LOGIN_BUTTON_CLICK,onLogin);            
  29.         }

  31.         private function onLogin(evt:Event=null):void
  32.         {
  33.             trace("触发onLogin");
  34.             if (loginPanel.txi_userName.text != "" && loginPanel.txi_userPassword.text != "")
  35.             {
  36.                 //local reference to the UserProxy

  38.                 var _userProxy:UserProxy = facade.retrieveProxy(NameSpace.USER_PROXY) as UserProxy;
  39.                 _userProxy.userVO.UserName = loginPanel.txi_userName.text;
  40.                 _userProxy.userVO.UserPassword = loginPanel.txi_userPassword.text;
  41.                 sendNotification(NameSpace.LOGIN);
  42.             } else
  43.             {
  44.                 Alert.show("用户名或密码不能为空");            
  45.             }
  46.         }


  49.         public function get loginPanel():LoginPanel
  50.         {
  51.             return viewComponent as LoginPanel;
  52.         }    
  53.         
  54.         override public function listNotificationInterests():Array
  55.         {
  56.             return [    
  57.                         NameSpace.LOGIN_SUCCESS,
  58.                         NameSpace.GET_DATACENTERS_SUCCESS,
  59.                         NameSpace.GET_SERVERGROUPS_SUCCESS,
  60.                         NameSpace.GET_PHYSERVERGROUPMEMBER_SUCCESS,
  61.                         NameSpace.GET_PHYSERVERINFO_SUCCESS,
  62.                         NameSpace.GET_PHYSERVERINGROUP_SUCCESS,
  63.                         NameSpace.GET_ROLES_SUCCESS,
  64.                         NameSpace.GET_USERROLES_SUCCESS,                        
  65.                         NameSpace.GET_ALLUSER_ROLES_SUCCESS,
  66.                     ];                
  67.         }
  68.     
  69.         //handle

  71.         override public function handleNotification(notification:INotification):void
  72.         {    
  73.             switch(notification.getName())
  74.             {
  75.                 case    NameSpace.LOGIN_SUCCESS:
  76.                         trace("LoginPanelMediator: handleNotification -> LOGIN_SUCCESS");
  77.                         trace("尝试GET_DATACENTERS");
  78.                         sendNotification(NameSpace.GET_DATACENTERS);
  79.                         break;
  80.                 case    NameSpace.GET_DATACENTERS_SUCCESS:
  81.                         trace("LoginPanelMediator: handleNotification -> GET_DATACENTERS_SUCCESS");
  82.                         trace("尝试GET_SERVERGROUPS");
  83.                         sendNotification(NameSpace.GET_SERVERGROUPS);
  84.                         break;    
  85.                 case    NameSpace.GET_SERVERGROUPS_SUCCESS:
  86.                         trace("LoginPanelMediator: handleNotification -> GET_SERVERGROUPS_SUCCESS");
  87.                         trace("尝试GET_PHYSERVERGROUPMEMBER");
  88.                         sendNotification(NameSpace.GET_PHYSERVERGROUPMEMBER);
  89.                         break;    
  90.                 case    NameSpace.GET_PHYSERVERGROUPMEMBER_SUCCESS:
  91.                         trace("LoginPanelMediator: handleNotification -> GET_PHYSERVERGROUPMEMBER_SUCCESS");
  92.                         trace("尝试GET_PHYSERVERINFO");
  93.                         sendNotification(NameSpace.GET_PHYSERVERINFO);
  94.                         break;                                                                        
  95.                 case    NameSpace.GET_PHYSERVERINFO_SUCCESS:
  96.                         trace("LoginPanelMediator: handleNotification -> GET_PHYSERVERINFO_SUCCESS");
  97.                         trace("尝试GET_PHYSERVERINGROUP");
  98.                         sendNotification(NameSpace.GET_PHYSERVERINGROUP);
  99.                         break;                        
  100.                 case    NameSpace.GET_PHYSERVERINGROUP_SUCCESS:    
  101.                         trace("LoginPanelMediator: handleNotification -> GET_PHYSERVERINGROUP_SUCCESS");
  102.                         trace("尝试GET_ROLES");
  103.                         sendNotification(NameSpace.GET_ROLES);
  104.                         break;
  105.                 case    NameSpace.GET_ROLES_SUCCESS:
  106.                         trace("LoginPanelMediator: handleNotification -> GET_ROLES_SUCCESS");
  107.                         trace("尝试GET_USERROLES");
  108.                         sendNotification(NameSpace.GET_USERROLES);
  109.                         break;    
  110.                 case    NameSpace.GET_USERROLES_SUCCESS:
  111.                         trace("LoginPanelMediator: handleNotification -> GET_USERROLES_SUCCESS");
  112.                         trace("尝试GET_ALLUSER_ROLES");
  113.                         sendNotification(NameSpace.GET_ALLUSER_ROLES);    
  114.                         break;                                
  115.                 case    NameSpace.GET_ALLUSER_ROLES_SUCCESS:
  116.                         trace("LoginPanelMediator: handleNotification -> GET_ALLUSER_ROLES_SUCCESS");
  117.                         trace("尝试跳转到START_PAGE (START_PAGE_CREATED)");
  118.                         sendNotification(NameSpace.START_PAGE_CREATED);
  119.                         break;                    
  120.             }
  121.         
  122.         }
  123.         
  124.     }
  125. }

 

C

StartupCommand.as : 初始化Model和View

  1. package com.me.myapp.controller
  2. {
  3.     import org.puremvc.as3.interfaces.*;
  4.     import org.puremvc.as3.patterns.command.*;    
  5.     
  6.     //程序开始时执行的MacroCommand

  8.     public class StartupCommand extends MacroCommand
  9.     {
  10.         //添加子Command初始化MacroCommand

  12.         override protected function initializeMacroCommand():void
  13.         {
  14.             //添加2个子Command，执行时按照先进先出顺序

  16.             addSubCommand(ModelPrepCommand); //初始化Model

  18.             addSubCommand(ViewPrepCommand); //初始化View

  20.         }
  21.     }
  22. }

ModePrepCommand.as

  1. package com.me.myapp.controller
  2. {
  3.     import com.me.myapp.*;
  4.     import com.me.myapp.model.*;
  5.     
  6.     import org.puremvc.as3.interfaces.INotification;
  7.     import org.puremvc.as3.patterns.command.SimpleCommand;
  8.     
  9.     //创建Proxy对象，并注册

  11.     public class ModelPrepCommand extends SimpleCommand
  12.     {

  14.         public function ModelPrepCommand()
  15.         {
  16.         }
  17.         
  18.         //由MacroCommand调用

  20.         override public function execute(notification:INotification):void
  21.         {                        
  22.             facade.registerProxy(new ConnProxy());                
  23.         }
  24.         
  25.     }
  26. }

ViewPrepCommand.as

  1. package com.me.myapp.controller
  2. {
  3.     import com.me.myapp.*;
  4.     import com.me.myapp.view.ApplicationMediator;
  5.     
  6.     import org.puremvc.as3.interfaces.*;
  7.     import org.puremvc.as3.patterns.command.*;
  8.     import org.puremvc.as3.patterns.observer.*;
  9.     
  10.     //创建Mediator,并把他们注册到View

  12.     public class ViewPrepCommand extends SimpleCommand implements ICommand
  13.     
  14.     {
  15.         override public function execute(notification:INotification):void
  16.         {
  17.             //HelloMVC is PROJECT name

  19.             var app:HelloMVC = notification.getBody() as HelloMVC;
  20.             //创建并注册ApplicationMediator, ApplicationMediator用于操作Application View

  22.             facade.registerMediator(new ApplicationMediator(app));

  24.         }

  26.     }
  27. }

 

阅读(2204) | 评论(0) | 转发(0) |
0

上一篇：[Perl][flex][PureMVC]Xen/Kvm虚拟机集中管理[ing]

下一篇：[Perl][特性]5.10 5.12 5.14的新特性

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6