我们要实现的目的:
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
,这样到了以后部署的时候是会有错误的。
分享到:
相关推荐
J2EE+Flex+Blazeds配置实例
Flex4+J2EE+Blazeds配置jspweb工程
Flex4 + J2EE + Blazeds 配置 jspweb 工程
java+flex4 使用的是BlazeDS方式中得 remoting方式与JAVA交互 由于没有美工 UI十分丑陋望学者见谅 目前功能只实现了这些 flex 根据状态切换改变页面显示和页面跳转 1.登陆 2.商品管理 (商品的 增删改查 ) 双击...
详细介绍了flex使用blazeds连接j2ee,相信应该很容易入手
BlazeDS+Flex+Tomcat开发J2EE
自己写的一个Flex+J2EE实例(cairngorm+blazeDS+hibernate+spring)part1.pdf
Flex+J2EE实例(cairngorm+blazeDS+hibernate+spring) part4.pdf 终结版
一个 Flex+J2EE实例(cairngorm+blazeDS+hibernate+spring) 本实例为一个 flex 与 java通信项目。前端采用cairngorm框架,后台 采用hibernate+spring 每个部署 步骤,附详细 图文解释。旨在 采用 一种快速开发 ...
自己写的一个Flex+J2EE实例(cairngorm+blazeDS+hibernate+spring) part2.pdf 这个是第二部分,循序渐进,让初学者慢慢掌握搭框架的方法
Flex+J2EE实例(cairngorm+blazeDS+hibernate+spring) part3.pdf 第三部分。。add spring and hibernate
Flex+Blazeds与J2ee整合 Flex+Blazeds与J2ee整合
本课程主要是讲解Flex 4.6和ActionScript 3.0使用方法和技巧
从网上搜索“Flex+BlazeDS整合J2ee示例”,可以找到flex+blazeds的配置过程,按照说明一步一步来就可以,此为完成后的源代码。
flex+BlazeDS整合j2ee开发环境的配置过程,实现flex调用java类
Eclipse 通过 wtp 插件对 j2ee web app 的开发提供了很好的支持 ,flex builder plugin 是基于 eclipse 的一个用于开发 flex 应用程序的插件 ,blazeds 是一个用于集成 flex 客户端和 j2ee server 的组件 , 下面介绍...
建立Flex客户端与J2EE服务端于同一(BlazeDS服务)工程, 解决了因MyEclipse版本过高而不兼容的问题.