发布过后发现无法显示图片,故,做成附件供下载!(若知如何传本地图片或截图,烦请告知,谢谢)
前言:随着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>
分享到:
相关推荐
前言:本讲是继【第三讲:WEB项目-集成Flex3+BlazeDS3.2+Spring2.5.6】后,介绍另外一种集成方式; 集成方式二:采用Spring侦听配置模式 目标:实现集成方式二 优点: 1、一个应用可以满足多种请求 2、易于集成...
原创作品手录 前言:本讲是在【第一讲:WEB项目集成Flex3功能】的基础上添加BlazeDS 目标:实现Flex通过BlazeDS与后端service方法通信《采用RPC模式的messaging》
前言:本讲是在【第四讲:WEB项目-集成Flex3+BlazeDS3.2+Spring2.5.6+iBatis2.3.4】的基础上添加iBatis,此次集成其实质是Spring与Struts2的整合而已 目标:WEB项目-集成Flex3+BlazeDS3.2+Spring2.5.6+iBatis2.3.4+...
前言:本讲是在【第二讲:WEB项目-集成Flex3+BlazeDS3.2】的基础上添加Spring功能; 集成方式一:直接采用servlet配置模式,而非侦听配置模式 目标:集成Spring,托管Flex的message请求,使Flex便利使用Spring容器...
新建 Flex 工程 - 第一步 Flex Project 需要指定 Server 端的配置文件地址: 图 4. 新建 Flex 工程 - 第二步 因此,需要填入 EmployeeMgmt-Server 项目的 web 根目录,该目录下必须要存在 /WEB-INF/flex/。...
Flex与MyEclipse的集成 创建第一个Flex的web项目
新建 Flex 工程 - 第一步 Flex Project 需要指定 Server 端的配置文件地址: 图 4. 新建 Flex 工程 - 第二步 因此,需要填入 EmployeeMgmt-Server 项目的 web 根目录,该目录下必须要存在 /WEB-INF/flex/...
第一步:建立空白窗体,调整它的大小、风格、标题和Icon 图四、使用UIDesigner制作原型—建立窗体 第二步:从工具箱中拖曳控件到窗体上,修改这些控件的属性(如Text等) 图五、使用UIDesigner制作原型—...
第1 章 概述1-1 第2 章 产品特点2-1 21 概述 2-1 22 容量大,集成度高 2-1 23 配置灵活 2-1 24 丰富的传输解决方案 2-2 241 支持多种传输端口 2-2 242 支持Iub 接口卫星传输 2-2 243 支持IMA 功能 2-2 244 支持...
逐浪CMS另一特色功能,系统集成了小屋、个人空间、日志博客、读书、影视、自由聊天、工会中心、社区论坛等功能,完善的SNS功能,为传统网站注入了鲜活的生命力,用户不再需要借第三方插件即可实现诸多功能。...
Web标准和ASP.NET - 第一部分 XHTML介绍 在ASP.NET页面中推荐使用覆写(Override)而不是事件处理(Event Handler) 常用编码工具类,支持base64,md5,des,crc32 也谈谈技术面试 在C#里把ArrayList转换为Array 或 把...
构建于Spring IoC容器组件模型之上的这些Spring3部件提供了集成、批处理、OSGi、Ajax和Flex集成、状态式的Web应用、REST风格Web服务、富客户端用户界面、Google AppEngine开发、基于云的部署、消息、数据访问、Web...
构建于Spring IoC容器组件模型之上的这些Spring3部件提供了集成、批处理、OSGi、Ajax和Flex集成、状态式的Web应用、REST风格Web服务、富客户端用户界面、Google AppEngine开发、基于云的部署、消息、数据访问、Web...
构建于Spring IoC容器组件模型之上的这些Spring3部件提供了集成、批处理、OSGi、Ajax和Flex集成、状态式的Web应用、REST风格Web服务、富客户端用户界面、Google AppEngine开发、基于云的部署、消息、数据访问、Web...
构建于Spring IoC容器组件模型之上的这些Spring3部件提供了集成、批处理、OSGi、Ajax和Flex集成、状态式的Web应用、REST风格Web服务、富客户端用户界面、Google AppEngine开发、基于云的部署、消息、数据访问、Web...
构建于Spring IoC容器组件模型之上的这些Spring3部件提供了集成、批处理、OSGi、Ajax和Flex集成、状态式的Web应用、REST风格Web服务、富客户端用户界面、Google AppEngine开发、基于云的部署、消息、数据访问、Web...
12.2 创建第一个Spring Roo项目 486 12.2.1 问题 486 12.2.2 解决方案 486 12.2.3 工作原理 486 12.3 把现有项目导入SpringSource Tool Suite 491 12.3.1 问题 491 12.3.2 解决方案 492 12.3.3 工作...
构建于Spring IoC容器组件模型之上的这些Spring3部件提供了集成、批处理、OSGi、Ajax和Flex集成、状态式的Web应用、REST风格Web服务、富客户端用户界面、Google AppEngine开发、基于云的部署、消息、数据访问、Web...
12.2 创建第一个Spring Roo项目 486 12.2.1 问题 486 12.2.2 解决方案 486 12.2.3 工作原理 486 12.3 把现有项目导入SpringSource Tool Suite 491 12.3.1 问题 491 12.3.2 解决方案 492 12.3.3 工作...