flex的Cairngorm框架
由于要写flex的项目,接触了一段时间的Cairngorm框架,初步认识它是flex的一个mvc结构的框架实现了页面,调用相应方法的控制,和后台交互之间的三层之间的联系。Cairngorm框架主要包括以下7个部分:
数据组:ValueObject,Model
控制组:Command,controller,event,Delegate
界面组:View
项目结构如图所示,其中Delegate是放在busses下面的。
下面简单谈谈Cairngorm框架中每个包的作用:
◆ValueObject:顾名思义,就是值对象;它的作用主要有这样几个:
1.包含整个程序中所需传递的数据,比如,界面输入的值,后台获取的值,等等,通常对应一个后台的vo类。
2.对界面对象的控制;
举例:我们常常会遇到这样的问题,在一个控件A中项要操作另一个控件B,比较麻烦,论坛上也常有这种问题。其实我们完全可以在 valueObject里面声明一个B控件的引用,然后在A中就可以操纵Model中的valueObject对象里面的B控件的引用(因为是按引用传递 的),就可以达到控制B的目的。
3.对数组绑定对象的控制,如list,将其绑定在一个数组,通过改变数组就可以改变该List。
4.防止flag变量;
5.可以用在自定义事件中,传递参数;
◆Model:model主要就是利用ValueObject来实现全局变量,(注意:在Flex中是没有全局变量一说的),所以使用Model和 单例模式,来实现全局数据的控制。(什么是单例模式?就是一个类,在一个程序中,只存在一个对象。这个概念在java中也有用到)。
以上介绍的是数据组,接着是控制组。
◆Command:command其实就是函数,继承自Command类。
◆Event:event的功能就是给界面调用command提供方便。
◆Controller:真正使command和event发生关系的还是controller。它其实相当于添加事件监听,触发某某事件,该相应什么command,都在这里面定义。
◆Delegate:对于远程数据的访问,Cairngorm是以用委托类,来获取数据然后传给调用函数。
所以,可以看出,在控制方面,Cairngorm框架很有优势的。
◆接下来就是View了。
Flex的一大好处,就是方便模块化编程,View包里面就是放的是自定义组件,在设计阶段,设计好的各个模块,都可以放置在这个包里面。以备以后代码重用。
下面通过个流程图讲解一下Cairngorm的工作流程,
1、在view触发Event:var loginevent:UserLoginEvent = new UserLoginEvent(user);
loginevent.dispatch();
如新建一个UserLoginEvent 然后将它发出。
2、这里UserLoginEvent是继承自CairngormEvent的,在UserLoginEvent中执行父类的方法就可以了,super(EventTypes.USER_LOGIN,true);
this.user = user;同时将user传递过去(其中EventTypes.USER_LOGIN,是EventTypes类中定义好的常量)。
3、在Controller中将EventTypes.USER_LOGIN,和相应的Command进行绑定。
private function addCommadListener() : void {
//监听登录事件 执行UserLoginCommad
addCommand(EventTypes.USER_LOGIN,UserLoginCommad);
4、然后就会在Command中新建一个委托类,通过委托类实现调用后台的java方法。
var syslogin:LoginDelegate = new LoginDelegate(responder);
syslogin.login(loginEvt.user);
5、委托类中进行了和后台的交互:public function LoginDelegate(responder:IResponder)
{
_remoteobject = serviceLocator.getRemoteObject("login");
_responder = responder;
}
public function login(user:User):void
{
var call:Object = _remoteobject.login(user); // 调用服务器的方法
call.addResponder(_responder);
}
然后通过执行Command中相应的result和fault方法处理结果,就是实现了flex和后天的交互:
var responder:Responder = new Responder(result,fault);