puremvc

 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> <!--[CDATA[ private var facade:ApplicationFacade; private function init():void { facade=ApplicationFacade.getInstance(); facade.startUp(this); } ]]--> </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> <!--[CDATA[ import model.vo.UserVo; [Bindable] private var _userVo:UserVo; public function set userVo(value:UserVo):void { } [Bindable] public function get userVo():UserVo { return _userVo; } private function login(e:MouseEvent):void{ } ]]--> </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复写的地方非常多，这点要注意，另外需要注意构造函数的编写。