第一讲: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> 

你可能感兴趣的:(spring,Web,ibatis,Flex,haskell)