puremvc框架之proxy
上一篇 puremvc框架之Command 里,已经学习了如何利用Command来解耦View层与业务逻辑的依赖,但是仍然有二个问题:
1、ButtonMediator中发送消息时,仍然采用硬编码的方式,将消息内容写死在代码中:
private function btnClick(e:MouseEvent):void{
this.sendNotification(AppFacade.CHANGE_TEXT,"Hello PureMVC !");
}
这显然不是一个好的设计,不够灵活
2、我们一直在说puremvc是一个mvc框架,至今为止 controller(即Command)、view(即Mediator)都已经出现过了,但是model层还是不见踪影,puremvc中的model层在哪里?
在asp.net mvc中,model层通常是定义数据实体的部分,可以选用的技术有很多,比如linq to sql,linq to entity ,nhibernate之类,这个概念在puremvc中仍然是相通的,只不过换了个名字,我们称之为Proxy!
先来定义一个AppProxy类吧(放到mvc.model包中),代码如下:
package mvc.model
{
import org.puremvc.as3.interfaces.IProxy;
import org.puremvc.as3.patterns.proxy.Proxy;
import flash.events.IOErrorEvent;
import flash.events.Event;
import flash.net.URLLoader;
import flash.net.URLRequest;
public class AppProxy extends Proxy implements IProxy
{
public static const NAME:String="AppProxy"; //名称常量
public function AppProxy(proxyName:String=null, data:Object=null)
{
super(NAME, data);//将本proxy的名称常量传入其中
var _loader:URLLoader=new URLLoader;
_loader.addEventListener(Event.COMPLETE, onComplete);
_loader.addEventListener(IOErrorEvent.IO_ERROR, onError);
_loader.load(new URLRequest("data.xml"));
}
private function onComplete(e:Event):void
{
var _xml:XML=XML(e.target.data);
setData(_xml); //将xml内容保存进data
}
private function onError(e:IOErrorEvent):void
{
trace("数据获取失败!");
}
}
}
这里,我们用xml做为数据源来提供数据,data.xml放到根目录下,内容如下:
<?xml version="1.0" encoding="UTF-8"?>
<message>
<msg>Hello World!</msg>
</message>
ok,这一步做好后,老问题又来了:如何让它跟puremvc环境中的facade实例挂上勾?类似上一篇的处理,还是放到AppCommand中来处理
package mvc.controller
{
import mvc.AppFacade;
import mvc.model.AppProxy;
import mvc.view.ButtonMediator;
import mvc.view.TextMediator;
import org.puremvc.as3.interfaces.INotification;
import org.puremvc.as3.patterns.command.SimpleCommand;
public class AppCommand extends SimpleCommand
{
public function AppCommand()
{
super();
}
public override function execute(inote:INotification):void
{
var _main:main=inote.getBody() as main;
//注册proxy
facade.registerProxy(new AppProxy());
facade.registerMediator(new TextMediator(_main.txtResult));
facade.registerMediator(new ButtonMediator(_main.btnSend));
facade.registerCommand(AppFacade.CHANGE_TEXT,ChangeTextCommand);
}
}
}
注意加注释的部分facade.registerProxy(new AppProxy());这样就ok了,这一步执行后,puremvc环境中就已经有data.xml的数据了
现在就可以把原来ButtonMediator中硬编码的部分去掉了,改成下面这样:
private function btnClick(e:MouseEvent):void{
//this.sendNotification(AppFacade.CHANGE_TEXT,"Hello PureMVC !");
sendNotification(AppFacade.CHANGE_TEXT);
}
即:view层只发送消息(类型),通知puvrmvc环境--“CHANGE_TEXT消息我已经发出去了!”,至于数据在哪,谁去处理,关我P事!
OK,有人发了消息,自动就要有人处理,接下来折腾ChangeTextCommand.as
public override function execute(notification:INotification):void{
var _proxy:AppProxy=facade.retrieveProxy(AppProxy.NAME) as AppProxy;
var _xml:XML=XML(_proxy.getData());
trace(_xml);
(facade.retrieveMediator(TextMediator.NAME) as TextMediator).txtInstance.text = _xml.msg;
//(facade.retrieveMediator(TextMediator.NAME) as TextMediator).txtInstance.text = notification.getBody() as String;
}
这里,我们把原来的方法注释掉了,改成用Proxy的getData获取刚才data.xml中的数据,然后该数据赋值为TextMediator相关联的文本框.
至此,M(proxy)-V(mediator)-C(command)全都登场了,相互之间也实现了完全解耦!
最后再从头回顾一下主要的处理细节:
1、man.mxml中通过 AppFacade.getInstance().startup(this) 启动puvemvc环境
2、而AppFacade又通过this.registerCommand(START_UP, AppCommand) 注册AppCommand
3、AppCommand中又通过
facade.registerProxy(new AppProxy());
facade.registerMediator(new TextMediator(_main.txtResult));
facade.registerMediator(new ButtonMediator(_main.btnSend));
facade.registerCommand(AppFacade.CHANGE_TEXT,ChangeTextCommand);
把mediator、proxy以及消息CHANGE_TEXT相关的ChangeTextCommand给扯进来
4、然后ButtonMediator中又通过sendNotification(AppFacade.CHANGE_TEXT)来发送自己感兴趣的消息
5、最后CHANGE_TEXT消息被与之关联的ChangeTextCommand得到,并在execute方法中处理以更新UI界面。
源文件下载:http://cid-2959920b8267aaca.office.live.com/self.aspx/flex/PureMVC^_Proxy.fxp (用FB4导入即可)
- Core ML简介及实时目标检测及Caffe TensorFlow coremltools模型转换
- iOS网络——NSURLSession详解及SDWebImage源码解析你要知道的NSURLSession都在这里
- BZOJ3585: mex(主席树)
- 01.LoT.UI 前后台通用框架分解系列之——小图片背景全屏显示(可自动切换背景)
- 02.LoT.UI 前后台通用框架分解系列之——灵活的菜单栏
- 05.LoT.UI 前后台通用框架分解系列之——漂亮的时间选择器
- 06.LoT.UI 前后台通用框架分解系列之——浮夸的图片上传
- 07.LoT.UI 前后台通用框架分解系列之——轻巧的文本编辑器
- 07.LoT.UI 前后台通用框架分解系列之——强大的文本编辑器
- 洛谷P3358 最长k可重区间集问题(费用流)
- 08.LoT.UI 前后台通用框架分解系列之——多样的Tag选择器
- iOS多线程——RunLoop与GCD、AutoreleasePool你要知道的iOS多线程NSThread、GCD、NSOperation、RunLoop都在这里
- iOS多线程——你要知道的RunLoop都在这里你要知道的iOS多线程NSThread、GCD、NSOperation、RunLoop都在这里
- iOS网络——AFNetworking AFHttpSessionManager源码解析
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 详解Linux文件操作知识点
- Linux中nohup与&的用法和区别详解
- Linux中有效地管理进程的8个命令
- Centos7 下安装python3及卸载的教程
- Linux使用VIM编辑器的方法
- Centos安装MYSQL8.X的教程
- Linux使用join -a1来合并两个文件
- ZFS是什么?使用ZFS的理由及特性介绍
- centos7.x 部署主、从DNS服务器问题
- Linux查看History记录加时间戳的小技巧
- Trash-Cli:Linux上的命令行回收站工具
- Linux中的tcpdump命令示例详解
- Linux系统文件的默认权限和特殊权限
- 如何判断一个对象是不是数组
- Linux使用NetworkManager随机生成你的MAC地址