Spring ActionScript入门教程(2)-一个简单的实例

转载 2011年12月20日 12:18:51

在这个部分,我们来使用前一章学到的知识,建立一个简单的Spring ActionScript的应用。你可以认为这是学习Spring ActionScript的一个类似于“Hello World”的例子,在这个例子里,我们将创建一个简单的列表,来显示一些模拟的数据,好,让我们开始下一步的操作。

图1:实例界面截图

准备工作

  1. 安装Flex Builder
  2. 准备好XML编辑工具,因为Spring ActionScript中依赖XML来描述结构,所以一个好用的XML编辑器是必不可少的,你可以为Flex Builder安装XMLBuddy插件,也可以使用Notpad++等独立的文本编辑器

开始

首先打开Flex Builder3 (当然也可以是Flash Builder4),创建一个新项目(Flex项目),命名为“SpringActionScriptDemo”,其它保持默认,直接点击“Finish”完成,短暂的时间过后,Flex Builder就为你创建了一个空项目,并且创建了一个SpringActionScriptDemo.mxml的程序文件,在编辑器中处于打开状态。

编辑器中的代码应该如下面所示:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  3. </mx:Application>
复制代码

当然这只是一个空的Application,里面什么也没有,然后我们需要做的是,把Spring ActionScript的类包SWC文件引入进来,找到上个章节中提供下载的压缩包,解压后你会看到若干的SWC文件,将这些文件转移到你的项目中的libs目录,这个目录是默认的项目引用库,放在这里是为了让你的代码可以引用到这些类包。

转移好之后,你的libs目录看起来应该是这个样子:

图2:Libs结构

然后我们将在src目录下面建立一些文件。下面的步骤如无特殊说明,新建文件都基于src目录,这里因为文件足够少而且简单所以没有分目录存放,实际上一个正式的项目的文件复杂度远大于此,需要仔细拆分和优化目录结构。

首先我们建立一个命名为“global.prop”的文本文件,用来存放全局的一些变量,这里我们先存放一下界面的标题,输入以下的文本:

siteName=test site

因为这个应用要显示一些虚拟的数据,所以我们建立一个命名为"data.xml" 的XML文件,并输入下面的内容:

  1. <objects>
  2. <object id="myData" class="mx.collections.ArrayCollection">
  3. <constructor-arg>
  4. <array>
  5. <value>Zhang San</value>
  6. <value>Li Si</value>
  7. <value>Wang wu</value>
  8. <value>11111</value>
  9. <value>22222222222</value>
  10. <value>33333333333</value>
  11. </array>
  12. </constructor-arg>
  13. </object>
  14. </objects>
复制代码

XML内容分析:我们可以看到,我在里面声明了一个object,id是myData,这个一会儿我们就会引用到,类别是ArrayCollection(ArrayCollection是Flex的一种数据集合),然后通过使用construtor-arg传递一个数组对象进去,实现了给ArrayCollection赋值。

下面建立最重要的一个XML配置文件,命名为”appliction-context.xml“,输入下面的内容:

  1. <objects>
  2. <property file="global.prop"/>
  3. <import file="data.xml"/>
  4. <object id="container" class="mx.containers.Panel">
  5. <property name="title" value="${siteName}" />
  6. <method-invocation name="addChild">
  7. <arg ref="myList" />
  8. </method-invocation>
  9. </object>
  10. <object id="myList" class="mx.controls.List">
  11. <property name="width" value="500" />
  12. <property name="height" value="500" />
  13. <property name="dataProvider" ref="myData" />
  14. </object>
  15. </objects>
复制代码

XML分析:第一行和第二行分别引入了变量文件和定义数据的XML文件,然后我们定义了两个显示对象,一个是Panel,一个是List。我们设置了List的一些属性,包括定义dataProvider,引用了在data.xml中定义的myData的数据,然后我们调用了Panel的addChild方法,将List放到Panel中。

到这里XML部分的配置工作就做好了,下面我们来看如何在Flex中载入并解析这些配置文件:

回到SpringActionScriptDemo.mxml,建立一个代码块儿,然后输入建立IoC容器的代码,之后整体的代码应该如下所示:

普通浏览复制代码
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()" layout="absolute">
  3.     <mx:Script>
  4.         <![CDATA[
  5.             import org.springextensions.actionscript.context.support.FlexXMLApplicationContext;
  6.             private var context:FlexXMLApplicationContext;
  7.             private function init():void {
  8.                 var appContextPath:String = "application_context.xml";//定义xml的地址
  9.                 context = new FlexXMLApplicationContext(appContextPath);//创建一个IoC容器
  10.                 context.addEventListener(Event.COMPLETE,onIoCLoadComplete);//添加事件侦听器,侦听完成事件,执行回调
  11.                 context.load();//加载配置文件
  12.             }
  13.             private function onIoCLoadComplete(e:Event):void {
  14.                 addChild(context.getObject("container"));//加载配置结束后,将 container容器(即Panel)添加到显示列表
  15.             }
  16.         ]]>
  17.     </mx:Script>
  18. </mx:Application>

按下F11键,调试项目,怎么样,是否看到一个显示数据的列表了?

好了,到这里一个简单的Spring ActionScript的例子就完成了,我们将在下一个章节中深入探讨如何结合Cairngorm,这样才能适应一个大型项目的开发流程。

相关文章推荐

Spring ActionScript入门教程(1)-简介

这是一个系列文章,总共3篇,RIAMeeting将在这3篇文章中为大家讲述Spring ActionScript的基本概念以及使用方法,通过学习这3篇文章,开发者可以创建出一个简单的Spring Ac...

Spring ActionScript入门教程(3)-Spring和Cairngorm的结合使用[上]

在前两篇文章中RIAMeeting给大家介绍了Spring ActionScript的基本概念并完成了一个简单的例子,在这个章节,RIAMeeting将结合Cairngorm完成一个RSS阅读器的实例...

[入门教程]使用Cocos2d-html5游戏引擎编写一个简单的游戏 第一回合: 搭建开发环境

[入门教程]使用Cocos2d-html5游戏引擎编写一个简单的游戏 第一回合: 搭建开发环境    搭建开发环境 1.下载Cocos2d-html5 ...
  • hawkzen
  • hawkzen
  • 2014年08月02日 08:12
  • 381

Struts2+Spring入门教程及实例

  • 2010年03月21日 15:01
  • 6.74MB
  • 下载

Spring MVC用户注册配置入门教程及其代码实例demo下载

Spring MVC用户注册配置入门教程及其代码实例demo下载 源代码下载地址:http://www.zuidaima.com/share/1826320436759552.htm...

Spring MVC注解配置结合Hibernate的入门教程及其代码实例

Spring MVC注解配置结合Hibernate的入门教程及其代码实例,代码下载地址:http://www.zuidaima.com/share/1787210045197312.htm...
  • yaerfeng
  • yaerfeng
  • 2014年05月26日 09:49
  • 27220

WebSocket入门教程(五)-- WebSocket实例:简单多人聊天室

本文,我们通过nodejs和javascript实现一个网页聊天室的demo。主要包括,聊天,改用户名,查看其他用户在线状态的功能。大致流程为,用户访问网页,即进入聊天状态,成为新游客,通过底部的输入...

Rcp一个简单的入门教程

  • 2009年04月09日 15:05
  • 878KB
  • 下载

Express入门教程:一个简单的博客

Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。 使用 Expres...

无废话WCF入门教程六[一个简单的Demo]

wcf技术交流,同学习,同进步。 群号:89718412 一、前言 %26nbsp;%26nbsp;%26nbsp; 前面的几个章节介绍了很多理论基础,如:什么是WCF、WCF中的A、B、C...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Spring ActionScript入门教程(2)-一个简单的实例
举报原因:
原因补充:

(最多只允许输入30个字)