使用Fabrication+PureMVC开发multi-modular Flex应用

PureMVC实现了简单的MVC框架，将应用分为model、view和control三部分。

好处很多了，降低了模块之间的耦合性、提高了程序的可维护性和可扩展性。

 

fabrication在PureMVC基础上做了扩展，简化了pureMVC的开发难度，下面简单介绍一下fabrication的开发过程。

 

首先，根据需要实现org.puremvc.as3.multicore.utilities.fabrication.components.FlexModule、FlexApplication、FlashApplication或者AirApplication。这就是View了。

 

在View中实现override public function getStartupCommand():Class 方法。返回初始化Command类，如下：

 

public class ConfigModuleStartupCommand extends SimpleFabricationCommand {override public function execute(note:INotification):void {registerProxy(new GetPropertyProxy());registerCommand(ShellConstants.USERINFO_FIND, FindUserInfoCommand);registerMediator(new ConfigModuleMediator(note.getBody() as ConfigModule));}}

 

 

在初始化类中，需要注册所需要的Proxy、Command和Mediator，Proxy主要用作和后台进行交互，查询和修改数据，这就是model了。

 

Command用作接收View中的事件，并做处理，一般情况下就是调用Proxy的方法。如下：

 

public class GetPropertyCommand extends SimpleFabricationCommand {override public function execute(note:INotification):void {var getPropertyProxy:GetPropertyProxy = retrieveProxy(GetPropertyProxy.NAME) as GetPropertyProxy;getPropertyProxy.fetchProperty();}}

 

当Proxy方法得到后台反馈后，会出发成功或失败的事件。如下：

 

public class GetPropertyProxy extends FabricationProxy{static public const NAME:String = "GetPropertyProxy";private var _remoteService:RemoteObject;public function GetPropertyProxy(name:String = NAME, data:Object = null){super(name, data);setup();}private function setup():void{_remoteService = new RemoteObject();_remoteService.destination = "sysService";_remoteService.showBusyCursor = true;_remoteService.addEventListener(ResultEvent.RESULT, result);_remoteService.addEventListener(FaultEvent.FAULT, failed);}private function result(e:ResultEvent):void{routeNotification(ShellConstants.REQUEST_END, null, null, "FlexHR/*");sendNotification(ShellConstants.LICENSE_PROPERTY_GET_SUCCEED, e.result);}private function failed(e:FaultEvent):void{routeNotification(ShellConstants.REQUEST_END, null, null, "FlexHR/*");sendNotification(ShellConstants.LICENSE_PROPERTY_GET_FAILED, e.message);}public function fetchProperty():void{routeNotification(ShellConstants.REQUEST_START, ResourceManager.getInstance().getString("config","get_license_proxy"), null, "FlexHR/*");_remoteService.fetchProperty();}}

 

 

Mediator主要用来操作View，这就是Control了，一般Proxy发出的事件，会被Mediator或view接收，当然一般建议都在Mediator中处理。如下：

 

public class LicenseConfigMediator extends FlexMediator{static public const NAME:String = "LicenseConfigMediator";override public function onRegister():void{application.addEventListener(FlexEvent.CREATION_COMPLETE,licenseConfigLoadComplete);}public function respondToGetLicenseSucceed(note:INotification):void{}public function respondToGetLicenseFailed(note:INotification):void{Alert.show("获取License失败！");}}

 

我们可以在Mediator中，编写respond+事件名来处理一个事件，另外，我们可以重写onRegister方法，在这里可以做一些应用的初始化工作，例如View中数据的初始化。

 

 

总体来看，使用fabrication开发还是很简单的，有兴趣的朋友可以去看一下Runes-HR项目，该项目是在fabrication框架下开发的，代码比较简单，可以用来参考学习。