puremvc

来源：互联网发布：网络正常游戏老是掉线编辑：程序博客网时间：2024/04/29 13:19

puremvc是一个设计非常合理，耦合性非常好的一个优秀开源框架。它使用了一种观察者模式进行设计，基于通知进行的消息通信，基于报体进行的数据交互。其核心是一个叫做facade的类，它负责注册命令，管理消息通知等等，一切都因它而起。它必须继承自facade类和实现Ifacade接口，对其实例的获取是采取了单例的模式。复写控制器初始化函数，在其里面注册命令，同时必须有一个startup的函数来启动整个框架。中介器管理视图，因此中介器与视图应该紧紧耦合。代理与委托类仅仅耦合，代理中保存对委托类的引用。

项目目录结构应该如下：

在主程序加载完成以后调用facade类的startup函数，初始化框架：

<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"creationComplete="init()"xmlns:ns1="view.component.*"><mx:Script></mx:Script><ns1:LoginForm id="userForm" horizontalCenter="0" verticalCenter="0"></ns1:LoginForm></mx:Application>

在facade类里面应该定义消息体，初始化控制器后，注册函数等等：

package{import controller.LoginCommand;import controller.StartUpCommand;import org.puremvc.as3.interfaces.IFacade;import org.puremvc.as3.patterns.facade.Facade;public class ApplicationFacade extends Facade implements IFacade{public function ApplicationFacade(){super();}public static const NAME:String="ApplicationFacade";public static const STARTUP:String=NAME + "startup";public static const LOGIN:String="login";public static const LOGINRESULT:String="loginresult";public static const LOGINFAULT:String="loginfault";private static var instance:ApplicationFacade;public static function getInstance():ApplicationFacade{return instance ? instance : new ApplicationFacade() as ApplicationFacade;}public function startUp(app:Object):void{sendNotification(STARTUP, app);}override protected function initializeController():void{super.initializeController();registerCommand(STARTUP,StartUpCommand);registerCommand(LOGIN,LoginCommand);}}}

相应的启动命令，在其里面注册代理，注册视图，必须注意的是它们是按照顺序执行的，注册代理在前，视图在后：

package controller{import model.UserProxy;import org.puremvc.as3.interfaces.ICommand;import org.puremvc.as3.interfaces.INotification;import org.puremvc.as3.patterns.command.SimpleCommand;import view.ApplicationMediator;import view.LoginFormMediator;public class StartUpCommand extends SimpleCommand implements ICommand{public function StartUpCommand(){super();}override public function execute(notification:INotification):void{trace("hello");var application:springbl=notification.getBody() as springbl;facade.registerProxy(new UserProxy());facade.registerMediator(new ApplicationMediator(application));facade.registerMediator(new LoginFormMediator(application.userForm));}}}

登录的command，其里面保存对代理类的引用和使用：

package controller{import model.UserProxy;import model.vo.UserVo;import org.puremvc.as3.interfaces.ICommand;import org.puremvc.as3.interfaces.INotification;import org.puremvc.as3.patterns.command.SimpleCommand;public class LoginCommand extends SimpleCommand implements ICommand{private var userProxy:UserProxy;private var userVo:UserVo;public function LoginCommand(){super();}override public function execute(notification:INotification):void{userProxy=facade.retrieveProxy(UserProxy.NAME) as UserProxy;userVo=notification.getBody() as UserVo;userProxy.login(userVo.username,userVo.password);}}}

用户的代理类，其里面保存对代理类的引用和使用：

package model{import model.business.UserDelegate;import mx.controls.Alert;import org.puremvc.as3.interfaces.IProxy;import org.puremvc.as3.patterns.proxy.Proxy;public class UserProxy extends Proxy implements IProxy{private var userDelaget:UserDelegate;public static const NAME:String="UserProxy";public function UserProxy(data:Object=null){super(NAME, data);}/* public function getProxyName():String{return null;}public function setData(data:Object):void{}public function getData():Object{return null;}*/override public function onRegister():void{userDelaget=new UserDelegate();}override public function onRemove():void{} //登录验证public function login(username:String, password:String):void{var result:Boolean=userDelaget.login(username,password);if(result){data=result;sendNotification(ApplicationFacade.LOGINRESULT);}else{sendNotification(ApplicationFacade.LOGINFAULT);}}public function get operateResult():Boolean{return data as Boolean;}}}

用户委托类：

package model.business{import mx.rpc.IResponder;import mx.rpc.remoting.mxml.RemoteObject;public class UserDelegate{public var _service:RemoteObject;public var _responder:IResponder;public function UserDelegate(){}public function login(username:String, password:String):Boolean{if (username == 'hjx' && password == ''){return true;}else{return false;}}}}

用户登录视图层：

<?xml version="1.0" encoding="utf-8"?><mx:Form xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300"><mx:Script></mx:Script><mx:FormItem label="username:"><mx:TextInput id="usernameInput"/></mx:FormItem><mx:FormItem label="password:"><mx:TextInput id="passwordInput"/></mx:FormItem><mx:FormItem><mx:Button label="登录" id="loginBtn"/></mx:FormItem><mx:FormItem><mx:Button label="取消"/></mx:FormItem><mx:FormItem label="登录结果："><mx:Label id="loginResultLab"/></mx:FormItem></mx:Form>

针对loginForm写的中介器，它负责管理登录框：

package view{import flash.events.MouseEvent;import model.UserProxy;import model.vo.UserVo;import mx.controls.Alert;import org.puremvc.as3.interfaces.IMediator;import org.puremvc.as3.interfaces.INotification;import org.puremvc.as3.patterns.mediator.Mediator;import view.component.LoginForm;public class LoginFormMediator extends Mediator implements IMediator{public static const NAME:String="LoginFormMediator";public var userVo:UserVo;public var userProxy:UserProxy;public function LoginFormMediator(viewComponent:Object=null){super(NAME, viewComponent);loginFormView.loginBtn.addEventListener(MouseEvent.CLICK, loginBtnHandler);}private function loginBtnHandler(e:MouseEvent):void{userVo=new UserVo();userVo.username=loginFormView.usernameInput.text;userVo.password=loginFormView.passwordInput.text;sendNotification(ApplicationFacade.LOGIN, userVo);}/* public function getMediatorName():String { return null; }*/public function get loginFormView():LoginForm{return viewComponent as LoginForm;}/* override public function getViewComponent():Object { return null; } public function setViewComponent(viewComponent:Object):void { }*/override public function listNotificationInterests():Array{return [ApplicationFacade.LOGINRESULT, ApplicationFacade.LOGINFAULT];}override public function handleNotification(notification:INotification):void{switch (notification.getName()){case ApplicationFacade.LOGINRESULT:var loginResult:Boolean=userProxy.operateResult as Boolean;trace(loginResult.toString());loginFormView.loginResultLab.text="登录成功";break;case ApplicationFacade.LOGINFAULT:loginFormView.loginResultLab.text="登录失败";break;default:break;}}override public function onRegister():void{userProxy=facade.retrieveProxy(UserProxy.NAME) as UserProxy;}/* public function onRemove():void { } */}}

puremvc复写的地方非常多，这点要注意，另外需要注意构造函数的编写。