第一讲：WEB项目集成Flex3功能

发布过后发现无法显示图片，故，做成附件供下载!(若知如何传本地图片或截图，烦请告知，谢谢)

前言：随着Flex的流行，跃跃欲试在项目中加入Flex的功能需求者与日俱增，所谓万事开头难，共同期待好的向导，故在《FRAME-INTEGERATION》专栏，逐步整理并给出日常开发框架整合此类向导，而此类整合主要关注于Struts2、Spring2、iBatis2及Flex3的种种组合方式整合，而本篇整合仅仅是入门级的Flex功能添加到WEB项目中。

 

目标：WEB项目集成Flex功能

 

方式：相信习惯于WEB项目开发的同僚会和我一样，更倾向于最后一种：WEB项目集成Flex功能

我们知道，WEB项目与Flex联合开发的方式主要有三种：1、各自独立开发，2、Flex项目集成WEB功能，3、WEB项目集成Flex功能；此文将以最后一种方式构建单纯的具有Flex功能的WEB项目；

 

环境：MyEclipse7.5，Flex Builder4 Beta2

         JDK5或更高，Flex3.2(http://opensource.adobe.com/wiki/display/blazeds/download+blazeds+3)

         注：先安装JDK和MyEclipse7.5，然后安装Flex Builder4 Beta2并选择插件到MyEclipse中，一切完成后，若在启动MyEclipse报错如【图1】，解决方法是删除报错文件，即删除$FEX_HOME/ eclipse/plugins/ com.adobe.flexbuilder.utils.osnative.mac_4.0.0.253292

 

 

图1 报错信息

 

操作:

1、创建WEB工程door4flex

图2 创建WEB工程

2、添加Flex功能并配置相关信息

图3 添加Flex功能各步骤

3、解决存在问题

图4 存在的问题

图5 <图4>的解决方法

图6 存在的问题

图7 <图6>的解决方法

4、更改想要的目录名

图8 改写flex的src及libs包名 以区别于java的src包

5、解决4改后所报的错误

图9 <图8>后存在的错误

图10 目前工程的结构

解决方法：1、将src/door4flex.mxml拖到flex_src/目录；2、重命名libs目录为flex_libs;

6、加入Flex所需jar及配置信息

6.1 解压blazeds.war，解压方法：将其直接copy到tomcat的webapps目录，启动tomcat

6.2 复制flex所需的jar到door4flex项目，方法：将blazeds的lib目录的jar添加到door4flex项目中

6.3 添加配置信息，方法：将blazeds的web.xml覆盖door4flex的web.xml

6.4 复制blazeds中WEB-INF/flex目录到door4flex的相应位置<服务于未来Flex通过BlazeDS于后端service方法通信>

7、编写测试代码

打开flex_src/door4flex.mxml，添加代码，内容如下：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" minWidth="1024" minHeight="768">
	
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			
			protected function testclick_clickHandler(event:MouseEvent):void
			{
				this.testtext.text = "Faint,faint,faint~~"
				
				Alert.show("Faint, you clicked me.");
			}
			
		]]>
	</mx:Script>
	
	<mx:Button x="305" y="216" label="click me" id="testclick" click="testclick_clickHandler(event)"/>
	<mx:Label x="288" y="236" width="113" id="testtext"/>
</mx:Application>

 8、保存、部署、运行

#运行效果图

未来<均已实现，但需时间成文>：

1、通过BlazeDS实现Flex与service方法通信，即WEB项目：集成Flex3+BlazeDS3.2

2、BlazeDS托管于Spring，便利于使用Spring Bean，即WEB项目：集成Flex3+BlazeDS3.2+Spring2.5.6 <涉及Spring2.5.6+BlazeDS3.2集成>

3、采用iBatis为持久层框架，即WEB项目：集成Flex3+BlazeDS3.2+Spring2.5.6+iBatis2.3。4 <涉及Spring+iBatis集成>

4、保留传统，混合开发，集成Struts2，即WEB项目：集成Flex3+BlazeDS3.2+Spring2.5.6+iBatis2.3。4+Struts2.1.8 <涉及Spring2.5.6+Struts2.1.8>