Flex+Blazeds与JavaWebProject整合开发配置有图有真相.docx
《Flex+Blazeds与JavaWebProject整合开发配置有图有真相.docx》由会员分享,可在线阅读,更多相关《Flex+Blazeds与JavaWebProject整合开发配置有图有真相.docx(12页珍藏版)》请在冰豆网上搜索。
![Flex+Blazeds与JavaWebProject整合开发配置有图有真相.docx](https://file1.bdocx.com/fileroot1/2023-8/5/8c40127f-c60b-4bd2-a8be-aa830f4505aa/8c40127f-c60b-4bd2-a8be-aa830f4505aa1.gif)
Flex+Blazeds与JavaWebProject整合开发配置有图有真相
现在的RIA技术有多种选择,其中较受欢迎的是基于HTML的方案例如AJAX,基于插件的方案FLEX,wpf,其中JAVA又可以使用AWT,这些方案中比较容易理解的是AJAX,
最近一个礼拜一直在研究flex,从FlexBuilder3Plug-in的安装,到ActionScript3语言的学习,再到flex整合j2ee的开发,这一路走了不少
弯路,其实配置开发环境,看别人演示是学习得最快的,如果光看文字描述是比较累的事情,描述了半天不然一张截图说明问题,这里总结一
下flex+BlazeDS整合j2ee开发环境的配置过程:
1.从下载BlazeDS
2.新建一个webproject名为:
flexDemo
3.解压BlazeDS.war到%TOMCAT_HOME%/webapps目录下文件名为blazeds内包涵了WEB-INF和META-INF文件夹
4.在flexDemo/src目录下新建类HelloWorld
Java代码
1.package cn.riahome.java;
2.
3./**
4. *
功能:
5. *
生成日期:
2008-10-13
6. *
说明:
7. * @author lipei_ma
8. * @version V1.0
9. * @修改日志:
10. */
11.public class HelloWorld {
12.
13. public HelloWorld() {
14. }
15.
16. public String getHelloWorld(String name) {
17. return "Hello World!
"+name;
18. }
19.}
packagecn.riahome.java;
/**
*
功能:
*
生成日期:
2008-10-13
*
说明:
*@authorlipei_ma
*@versionV1.0
*@修改日志:
*/
publicclassHelloWorld{
publicHelloWorld(){
}
publicStringgetHelloWorld(Stringname){
return"HelloWorld!
"+name;
}
}
5.部署应用flexDemo到Tomcat服务器中,并启动服务。
6.为flexDemo添加blazeds支持:
将%TOMCAT_HOME%/webapps/BlazeDS/WEB-INF/lib目录下面所有jar文件拷贝到flexDemo的webRoot/WEB-
INF/lib目录下.将%TOMCAT_HOME%/webapps/blazeds/WEB-INF/flex目录拷贝到Demo的webContent/WEB-INF下.拷贝%TOMCAT_HOME%/webapps
/BlazeDS/WEB-INF/下的web.xml覆盖flexDemo的web.xml,至此,我们的Demo已经具备了blazeds的功能.
7.为项目增加Flex支持,右键项目名称,点击FlexProjectNature/AddFlexProjectNature
8.编辑flexDemo.mxml
Java代码
1.
xml version="1.0" encoding="utf-8"?
>
2.Application xmlns:
mx=" layout="absolute">
3. RemoteObject id="say" destination="helloWorld">
4.
RemoteObject>
5. Button x="335" y="80" label=" Click" click="remotingSayHello(event);"/>
6. TextInput x="159" y="80" id="tiName"/>
7. Label x="109" y="82" text="name:
"/>
8. Label text="{say.getHelloWorld.lastResult}" x="44" y="162" width="448" height="71" id="lblView" color="#FCEE09"
9.
10.fontSize="20" fontWeight="bold" textDecoration="underline" fontStyle="normal"/>
11. Script>
12.
[CDATA[
13. public function remotingSayHello(event:
Event):
void{
14. var iname:
String=tiName.text;
15. say.getHelloWorld(iname);
16. }
17. ]]>
18.
Script>
19.
Application>
xmlversion="1.0"encoding="utf-8"?
>
Applicationxmlns:
mx="layout="absolute">
RemoteObjectid="say"destination="helloWorld">
RemoteObject>
Buttonx="335"y="80"label="Click"click="remotingSayHello(event);"/>
TextInputx="159"y="80"id="tiName"/>
Labelx="109"y="82"text="name:
"/>
Labeltext="{say.getHelloWorld.lastResult}"x="44"y="162"width="448"height="71"id="lblView"color="#FCEE09"
fontSize="20"fontWeight="bold"textDecoration="underline"fontStyle="normal"/>
Script>
[CDATA[
publicfunctionremotingSayHello(event:
Event):
void{
variname:
String=tiName.text;
say.getHelloWorld(iname);
}
]]>
Script>
Application>
编辑WEB-INF/flex/remoting-config.xml文件
Java代码
1.
2.lt;properties>
3.cn.riahome.java.HelloWorld
4.lt;/properties>
5.
cn.riahome.java.HelloWorld
9.右键项目名称,点击properties/FlexBuilderPath修改outputfolderURL,点击properties/FlexBuildPath修改FlexSDKVersion
10.运行flexDemo.mxml即可