发布过后发现无法显示图片,故,做成附件供下载!(若知如何传本地图片或截图,烦请告知,谢谢)
前言:随着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>