Cairngorm 框架实现的实例

 1、定义一数据类型 User.as

Code:

1. package vo  
2. {     
3.     //自定义数据类新  
4.     public class User  
5.     {  
6.         public var username:String;  
7.         public var password:String;  
8.           
9.         public function User()  
10.         {  
11.         }  
12.     }  
13. }  

2、定义ModelLocater对象，用户存储应用程序中所需的数据

Code:

1. package model  
2. {     
3.     import mx.collections.ArrayCollection;  
4.       
5.     public class ModelLocater  
6.     {  
7.         //定义ModelLocater对象  
8.         private static var modelLocater:ModelLocater = null;  
9.         [Bindable]  
10.         public var acUser:ArrayCollection = new ArrayCollection();  
11.           
12.         public static function getInstance():ModelLocater {  
13.             if(modelLocater == null) {  
14.                 modelLocater = new ModelLocater();  
15.             }  
16.             return modelLocater;  
17.         }     
18.     }  
19. }  

3、定义Event事件

Code:

1. package event  
2. {  
3.     import com.adobe.cairngorm.control.CairngormEvent;  
4.     import vo.User;  
5.       
6.     public class AddUserEvent extends CairngormEvent  
7.     {  
8.         public var user:User;  
9.         public static const EVENAT_ADD_USER:String = "addUser";  
10.           
11.         public function AddUserEvent(user:User)  
12.         {  
13.             super(AddUserEvent.EVENAT_ADD_USER);  
14.             this.user = user;  
15.         }  
16.     }  
17. }  

4、定义代理类

Code:

1. package delegate  
2. {  
3.     import com.adobe.cairngorm.business.Responder;  
4.     import flashx.textLayout.tlf_internal;  
5.     import model.ModelLocater;  
6.     import mx.controls.Alert;  
7.     import vo.User;  
8.   
9.     public class AddUserDelegate  
10.     {  
11.         private var responser:Responder;  
12.         private var modelLocator:ModelLocater = ModelLocater.getInstance();   
13.           
14.         public function AddUserDelegate(response:Responder)  
15.         {  
16.             this.responser = response;  
17.         }  
18.           
19.         public function addUser(user:User):void {  
20.             if(user.username != "") {  
21.                 modelLocator.acUser.addItem(user);  
22.                 responser.onResult(user);//放回command  
23.                 Alert.show("------delegate.addUser()-------");  
24.             }  
25.             else   
26.             {  
27.                 responser.onResult(null);  
28.             }  
29.         }  
30.     }  
31.       
32. }  

5、自定义前端控制器

Code:

1. package control  
2. {  
3.     //前端控制器对event与command进行映射  
4.     import com.adobe.cairngorm.control.FrontController;  
5.     import common.AddUserCommand;  
6.     import event.AddUserEvent;  
7.       
8.     public class AddUserControl extends FrontController  
9.     {  
10.         public function AddUserControl()  
11.         {  
12.             addCommand(AddUserEvent.EVENAT_ADD_USER, AddUserCommand);  
13.         }  
14.     }  
15. }  

6、自定义事件处理命令

Code:

1. package common  
2. {  
3.     import com.adobe.cairngorm.business.Responder;  
4.     import com.adobe.cairngorm.commands.Command;  
5.     import com.adobe.cairngorm.control.CairngormEvent;  
6.       
7.     import delegate.AddUserDelegate;  
8.       
9.     import event.AddUserEvent;  
10.       
11.     import model.ModelLocater;  
12.       
13.     import mx.controls.Alert;  
14.       
15.     import vo.User;  
16.       
17.     public class AddUserCommand implements Command, Responder  
18.     {         
19.         public function AddUserCommand()  
20.         {  
21.         }  
22.           
23.         public function execute(event:CairngormEvent):void  
24.         {  
25.             var user:User = (event as AddUserEvent).user;  
26.             var addUserDelegate:AddUserDelegate = new AddUserDelegate(this);  
27.             addUserDelegate.addUser(user);  
28.               
29.         }  
30.           
31.         public function onResult(event:*=null):void  
32.         {  
33.             var user:User = event as User;  
34.             if(user != null) {  
35.                 Alert.show("添加成功! " + user.username);  
36.             }  
37.         }  
38.           
39.         public function onFault(event:*=null):void  
40.         {  
41.             Alert.show("添加失败！");  
42.         }  
43.     }  
44. }  

8、定义ShowInfo.xmxl组件

Code:

1. <?xml version="1.0" encoding="utf-8"?>  
2. <mx:HBox xmlns:fx="http://ns.adobe.com/mxml/2009"   
3.          xmlns:s="library://ns.adobe.com/flex/spark"   
4.          xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" verticalAlign="top" horizontalAlign="left">  
5.     <fx:Declarations>  
6.         <!-- 将非可视元素（例如服务、值对象）放在此处 -->  
7.     </fx:Declarations>  
8.       
9.     <fx:Script>  
10.         <![CDATA[  
11.             import com.adobe.cairngorm.control.CairngormEventDispatcher;  
12.               
13.             import event.AddUserEvent;  
14.               
15.             import mx.collections.ArrayCollection;  
16.               
17.             import vo.User;  
18.             [Bindable]  
19.             public var acUser:ArrayCollection = new ArrayCollection();  
20.               
21.             public function addUser():void {  
22.                 var user:User = new User();  
23.                 user.password = password.text;  
24.                 user.username = username.text;  
25.                 //acUser.addItem(user);  
26.                 var event:AddUserEvent = new AddUserEvent(user);  
27.                 CairngormEventDispatcher.getInstance().dispatchEvent(event);  
28.                 this.username.text = "";  
29.                 this.password.text = "";  
30.             }  
31.         ]]>  
32.     </fx:Script>  
33.       
34.     <mx:DataGrid dataProvider="{acUser}">  
35.         <mx:columns>  
36.             <mx:DataGridColumn dataField="username" headerText="Username" />  
37.             <mx:DataGridColumn dataField="password" headerText="Password" />  
38.         </mx:columns>  
39.     </mx:DataGrid>  
40.       
41.     <mx:Form>  
42.         <mx:FormItem label="Username:">  
43.             <mx:TextInput id="username" />  
44.         </mx:FormItem>  
45.         <mx:FormItem label="Password:">  
46.             <mx:TextInput id="password" />  
47.         </mx:FormItem>  
48.         <mx:FormItem>  
49.             <mx:Button id="login" label="Login" click="addUser();"/>  
50.         </mx:FormItem>  
51.     </mx:Form>  
52. </mx:HBox>  

9、主应用程序

Code:

1. <?xml version="1.0" encoding="utf-8"?>  
2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"   
3.                xmlns:s="library://ns.adobe.com/flex/spark"   
4.                xmlns:con="control.*"  
5.                xmlns:view="view.*"  
6.                xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">  
7.     <fx:Declarations>  
8.         <!-- 将非可视元素（例如服务、值对象）放在此处 -->  
9.         <con:AddUserControl id="controller"/>  
10.     </fx:Declarations>  
11.     <fx:Script>  
12.         <![CDATA[  
13.             import model.ModelLocater;  
14.               
15.             [Bindable]  
16.             public var modelData:ModelLocater = ModelLocater.getInstance();  
17.         ]]>  
18.     </fx:Script>  
19.     <mx:HBox horizontalAlign="center" verticalAlign="middle" width="100%" height="100%">      
20.         <view:ShowInfo acUser="{modelData.acUser}"/>  
21.     </mx:HBox>  
22. </s:Application>