网络相册开发（8）——Cairngorm 架构浅析
Cairngorm是Adobe公司推荐的Flex架构。
关于它的文档少的可怜，我只发现了这两个：
Cairngorm中文文档
Developing Flex RIAs with Cairngorm microarchitecture
?
Cairngorm 架构包括六部分：Model Locator（共享数据），View（视图），Front Controller（前端控制器），Command （命令），Delegate（委托），Service（服务）。还有两个基础模块VO（数据对象），Event（事件）
?
Cairngorm流程大致如下：界面由View组成，View绑定Model Locater中的数据。客户在View中操作产生Event，Event被Front Controller所监听。Front Controller把Event绑定到Command，Command处理业务，创建Delegate，Delegate调用Service，Service远程访问Java。Java返回数据被Command得到并处理，更新Model Locater，View因为和Model Locater数据绑定，也会自动更新。详情见Cairngorm中文文档
?
这是我Flex代码的结构
?
?
VO
一般与服务器中domain里的对象一一映射。
需要注意的是转换时，数据类型的对应关系。
可参考转换表
BaseVO.as
package net.sw.album.vo{import com.adobe.cairngorm.vo.IValueObject;public class BaseVO implements IValueObject{[Bindable]public var id:Number;[Bindable]public var name:String;[Bindable]public var description:String;[Bindable]public var createtime:Date;}}?AlbumVO.as
package net.sw.album.vo{[RemoteClass(alias="net.sw.album.domain.Album")]public class AlbumVO extends BaseVO{[Bindable]public var owner_id:Number;[Bindable]public var authority:int;}}??
Model Locater
储存所有界面共享的数据，有点象session，不同的是保存在客户端
model locater采用的是单例模式
AlbumModelLocater.as
package net.sw.album.model{import mx.collections.ArrayCollection;[Bindable] public class AlbumModelLocater{private static var albumModelLocater:AlbumModelLocater;public static const MYALBUMSTATE:String="myAlbumState";public var ownerId:Number=1;public var albumId:Number;public var myAlbums:ArrayCollection;public var myFriends:ArrayCollection;public var picturesAC:ArrayCollection;...... .....public static function getInstance():AlbumModelLocater { if(albumModelLocater == null) { albumModelLocater = new AlbumModelLocater(); } return albumModelLocater; }}}?Front Controller
负责接收Event，并把Event和Command联系起来
AlbumController.as
package net.sw.album.controller{import com.adobe.cairngorm.control.FrontController;import net.sw.album.command.*;import net.sw.album.event.menuItemClickEvent.*;import net.sw.album.event.*;import net.sw.album.model.AlbumModelLocater;public class AlbumController extends FrontController{public function AlbumController(){initialiseCommands();}public function initialiseCommands() : void{addCommand(DisplayMyAlbumEvent.EVENT_DISPLAY_MYALBUM,DisplayMyAlbumCommand);addCommand(AddAlbumEvent.EVENT_ADD_ALBUM,AddAlbumCommand);addCommand(ShowPhotoTileEvent.EVENT_SHOW_PHOTOTILE,ShowPhotoTileCommand); ...... .......}}}?
Delegate
都是结构化的东西，复制粘贴改几行代码就成了
AlbumDelegate.as
package net.sw.album.business{import com.adobe.cairngorm.business.ServiceLocator;import mx.rpc.IResponder;import mx.rpc.remoting.RemoteObject;import net.sw.album.vo.AlbumVO; public class AlbumDelegate{private var responder : IResponder; private var service : RemoteObject; public function AlbumDelegate(responder : IResponder ){this.service = ServiceLocator.getInstance().getRemoteObject( "albumService" ); this.responder = responder;}public function findAlbumsByUserID() : void { var call : Object = service.getAll(); call.addResponder( responder ); } public function addAlbum(album:AlbumVO):void { var call : Object = service.saveAlbum(album); call.addResponder( responder ); } }}?Service
定义远程过程调用，这里使用的是RemoteObject
Services.mxml
<?xml version="1.0" encoding="utf-8"?><!--@version $Revision: 1.1 $--><cairngorm:ServiceLocatorxmlns:mx="http://www.adobe.com/2006/mxml" xmlns:cairngorm="http://www.adobe.com/2006/cairngorm"> <mx:RemoteObject id="albumService" destination="AlbumManager"showBusyCursor="true"> </mx:RemoteObject> <mx:RemoteObject id="photoService" destination="PhotoManager"showBusyCursor="true"> </mx:RemoteObject> </cairngorm:ServiceLocator>
?
1 楼 foodyi 2009-03-27 我自己用air写一个桌面应用程序,起初用这个框架写了1个模块 感觉太繁琐了