网络相册开发（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处理业务，创—elegate，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个模块 感觉太繁琐了
让我十分不爽 直接给放弃了～