我们要实现的目的:
1.希望在myeclipse里面可以创建flex项目。
2.在flex中编辑的mxml文件,保存后能够自动的生成flash文件和html文件以供测试,当然正式发布的时候很多的HTML是要删除的。
3.利用myeclipse在工程中实时同步机制,把我们编译后的flash和html文件直接同步到web工程,然后工程自动部署到tomcat,这样测试就很方便了,因为同步flash和html文件到tomcat根本就不用重新启动。
注意我们的关键点本质上只是把flex项目的编译输出直接到web工程。
好了,现在开始准备工具:
环境搭建:
Java5.0,tomcat5.5,eclipse
3.2(及以上),myeclipse(5.5及以上),FB3_WWEJ_Plugin.exe等等,按顺序都把他们先装上,然后myeclipse里
面配置好tomcat这个就不详细说了。然后去下载个blazeds,这个自己去搜索吧!(我的附件里面有)
blazeds与web工程的搭建:
myeclipse中先创建个web项目myflex,注意要导入blazeds里面的相关jar,web.xml,还有WEB-INF里面flex目录下面的所有文件。最好的操作方法是,先把blazeds解压,然后再新建的工程里面WebRoot
-> 右键
-> import
-> File System
-> next
-> 选择你解压后的blazeds
目录,
finish。这样会有提示是否要覆盖,点yes to all就OK了。
接下来在服务器端可以简单的写个helloWorld的类了,相关的配置弄好
package
com.spell;
public
class
HelloWorld {
public
String
sayHello(String name) {
return
"hello,"
+ name;
}
}
在
WebRoot/WEB-INFO/remoting-config.xml
中加入
id="Hello"
的
destination
<destination id="Hello">
<properties>
<source>com.spell.HelloWorld</source>
</properties>
</destination>
ok,可以部署到tomcat了,并且启动tomcat,这个时候不要着急着去测试
flex工程的搭建:
这个是最让人恼火的地方了,这个地方上我走了很多的弯路,看那了网络上很多人所谓的配置,结果差点把我给搞死。后来还是自己的思路清晰点。
建个flex工程,输入工程的名称flexTest,application type 选择 web application, server technology 选择none,点next,output folder 中选择你上面建立web工程的目录(MyEclipse里就是myflex工程目录下的WebRoot了),
这个很重要了,要不这边flex就不会自动到web工程了,那只有人工的拷贝了,这样做是很悲哀滴!!最后finish,好了这样flex工程也好了
flexTest.mxml文件
------------------------------------------------------------
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml
" layout="absolute">
<mx:Script >
<![CDATA[ import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
[Bindable]
private var helloResult:String;
private function sayHello():void {
ro.sayHello(inputText.text);
}
private function resultHandler(event:ResultEvent):void {
helloResult = event.result as String;
}
]]>
</mx:Script >
<mx:RemoteObject id="ro" destination="Hello" result="resultHandler(event)"
endpoint="/myflex/messagebroker/amf"
/>
<mx:HBox x="0" y="10" width="100%">
<mx:Label text="Name:" id="nameLabel"/>
<mx:TextInput id="inputText"/>
<mx:Button label="say Hello" id="nameButton" click="sayHello()"/>
<mx:Label id="resultLabel" text="{helloResult}"/>
</mx:HBox>
</mx:Application>
这个文件好了后,你只要保存下就可以敲入URL测试了(保存后马上就output到myflex项目中了,然后又自动同步到tomcat,前面tomcat已经启动了),我的是http://localhost:8080/myflex/flexTest.html
,表单中输入名字,然后点下按钮,就跟你说hello了,是不是很兴奋了,恭喜flex你入门了。这里一定要指定endpoint,
要不然与服务器的交互会失败,endpoint的/myflex根据你web项目的名称不同而不同。endpoint不要指定死,如:http://localhost:8080/myflex/messagebroker/amf
,这样到了以后部署的时候是会有错误的。
分享到:
相关推荐
配置Flex4+J2EE+Blazeds的JSP Web工程步骤如下: 1. **环境准备**:首先,确保安装了Adobe Flex SDK、Java JDK、Eclipse IDE(带有Flex和Java插件)、Tomcat或其他J2EE服务器,以及Blazeds库。 2. **创建Flex项目*...
在本文中,我们将深入探讨如何配置一个基于J2EE、Flex和Blazeds的应用实例。首先,我们需要了解这些技术的基本概念。J2EE(Java 2 Platform, Enterprise Edition)是用于构建企业级分布式应用程序的平台,它包含了...
总结以上,MyEclipse2013、Flex4.7和Blazeds的组合为开发富互联网应用提供了一个强大的平台,通过合理的配置和源代码实践,开发者可以创建出高效、交互性强的Web应用。提供的文档和资源可以帮助理解配置过程和实际...
Flex + J2EE + BlazeDS 配置是一个用于构建富互联网应用程序(RIA)的技术组合,它将客户端的Flex界面与服务器端的Java EE服务紧密结合。本文将详细介绍如何配置这一技术栈,帮助开发者快速上手。 首先,我们需要...
java+flex4 使用的是BlazeDS方式中得 remoting方式与JAVA交互 由于没有美工 UI十分丑陋望学者见谅 目前功能只实现了这些 flex 根据状态切换改变页面显示和页面跳转 1.登陆 2.商品管理 (商品的 增删改查 ) 双击...
本教程将详细阐述如何配置一个基于Flex4、J2EE和Blazeds的jspweb工程,并提供实例源码供参考。 **Flex4** 是Adobe Flex框架的第四代版本,它提供了强大的组件库和编程模型,用于构建用户界面,特别是用于创建具有...
【J2EE+FLEX+LCDS实现数据通信详解】 在当今的Web开发中,Java企业版(J2EE)和Adobe Flex经常被结合使用来构建富互联网应用程序(RIA)。Flex作为客户端的用户界面技术,而J2EE则作为后端服务提供数据支持。...
4. **Blazeds配置**:在Blazeds项目中,需要创建一个服务来暴露存储过程的调用。这通常涉及在Flex的AMF Channel中配置一个Remoting Destination,然后将Spring中的bean映射到这个Destination。 5. **Flex客户端**:...
1. **MyEclipse 8.5**:MyEclipse 是一个集成开发环境(IDE),专为 Java 开发者设计,提供对多种技术的支持,包括 J2EE、Web、Java、Flex 等。8.5 版本是其历史版本之一,用于开发基于 Java 平台的应用。 2. **...
8. 创建 Flex 客户端项目,选择 J2EE 作为应用服务器类型,并正确配置根目录、根 URL 和上下文根,指向服务器上的 `blazeds_project` 项目。 9. 验证配置无误后,可以开始在 Flex 客户端中编写代码,通过 BlazeDS ...
一个 Flex+J2EE实例(cairngorm+blazeDS+hibernate+spring) 本实例为一个 flex 与 java通信项目。前端采用cairngorm框架,后台 采用hibernate+spring 每个部署 步骤,附详细 图文解释。旨在 采用 一种快速开发 ...
### Flex+J2EE 实例知识点详解 #### 一、项目概述 本案例涉及的是一个典型的Flex与Java EE集成的应用程序开发过程。Flex是Adobe公司推出的一种用于开发丰富互联网应用程序(RIA)的技术,而Java EE则是一套企业级...
### Flex+J2EE 实例(Cairngorm+BlazeDS+Hibernate+Spring)Part 2 #### 一、概述 本文档介绍了一个利用Flex前端技术与J2EE后端技术结合的具体实现案例,主要涉及到的技术栈包括:Cairngorm、BlazeDS、Hibernate ...
### Flex+J2EE 实例(cairngorm+blazeDS+hibernate+spring)Part 4 本文档是关于如何利用Flex与Java EE技术栈构建一个完整的富互联网应用(RIA)项目的系列文章之一。该部分主要介绍了如何集成Cairngorm框架到项目...
在"j2ee+flex+blazeds 配置实践 - 信仰的力量 - JavaEye技术网站.htm"这个文档中,可能详细讲述了如何在J2EE环境下配置BlazeDS,BlazeDS是Adobe提供的一款免费的服务器端数据连接组件,它充当了Flex和Java之间的桥梁...
### Flex+J2EE 实例(Cairngorm+BlazeDS+Hibernate+Spring)Part 3 #### 概述 本章节主要介绍了如何在已有的Flex+J2EE架构项目中集成Spring框架和Hibernate持久层框架。通过这种方式,我们可以更好地实现业务逻辑...
【标题】"Flex4.X+BlazeDS+Spring3实战开发在线书店四"涉及的核心技术栈是Adobe Flex 4.6、BlazeDS、Spring 3框架以及Java相关的JPA和Hibernate,配合MySQL数据库实现一个在线书店的完整系统。下面将详细阐述这些...