Flex+BlazeDs+Java的教程及Demo

这个基础教程是Flex4.1Blazeds4.0为基础写的。

第一步:新建Web Project,名字为:FlexBlazeDsDemo,点Finish

 

Flex+BlazeDs+Java的教程及Demo_第1张图片

 

 

第二步:去Adobe公司的网站上下载Blazeds的包,

 

 

解压blazeds.war,看到blaeds的文件夹,里面有一个lib的文件夹,将包引入到项目工作中去

同时将blazeds->WEB-INF下的flex文件夹Copy到项目中的WEB-INF下,目录结构如下:

 

Flex+BlazeDs+Java的教程及Demo_第2张图片

 

第三步:在Tomcat中发布项目

第四步:在Web Project中添加Flex项目

Step1

Flex+BlazeDs+Java的教程及Demo_第3张图片

Step2:服务器技术选择J2EEBlazeds

 

Flex+BlazeDs+Java的教程及Demo_第4张图片

 

Step3

 

Flex+BlazeDs+Java的教程及Demo_第5张图片

 

Step4:配置上述图中的信息,根文件夹,选择FlexBlazeDsDemo发布之后的位置,配置之后的信息如下:

 

Flex+BlazeDs+Java的教程及Demo_第6张图片

 

Step5:新建html-template(打开porblem窗口,如果有提示这个错误就新建)和flex-src文件夹,目录结构如下:建立完文件,会提示:DescriptionResource PathLocation Type

missing ; before statementindex.template.htm,这个错误不用处理,接着往下走。


 

Flex+BlazeDs+Java的教程及Demo_第7张图片

Step6:调整目录结构及参数配置,如下图

 Flex+BlazeDs+Java的教程及Demo_第8张图片

 

在上图中,将主源文件夹修改成:flex-src

特别注意:将FlexBlazeDsDemo.mxml文件移动到flex-src目录下,因为我们已经将主源文件夹修改,并且以后所建的Flex文件也都要放到flex-src下。

Step8:服务参数,也就是Flex编译器

 Flex+BlazeDs+Java的教程及Demo_第9张图片

我们也可以打开配置文件去查看参数的(.actionScriptProperties.flexProperties),如下图:

 

Flex+BlazeDs+Java的教程及Demo_第10张图片

 

第五步:在FelxBlazeDsDemo输入以下几行代码

Flex+BlazeDs+Java的教程及Demo_第11张图片

 

第六步:在浏览器地址栏输入http://localhost:8080/FlexBlazeDsDemo/FlexBlazeDsDemo.html查看效果,端口号和项目名称改成自己 即可。效果如下:

Flex+BlazeDs+Java的教程及Demo_第12张图片

 

第七步:添加BlazeDs,配置web.xml文件,将我们下载的BlazeDs包下在的web.xml文件覆盖我们项目的文件,web.xml文件内容如下:

 

Flex+BlazeDs+Java的教程及Demo_第13张图片

 

第八步:写一个Java类,HelloWorld,代码如下:

 

Flex+BlazeDs+Java的教程及Demo_第14张图片

第九步:配置remote-0bject.xml文件

 

Flex+BlazeDs+Java的教程及Demo_第15张图片

第十步:更改FlexBlazeDsDemo代码,内容如下:destinatioin一定要与上一步中的remote-object.xmldestination一样,reusult是调用成功之后处理函数。

 

Flex+BlazeDs+Java的教程及Demo_第16张图片

第十一步:测试

 Flex+BlazeDs+Java的教程及Demo_第17张图片 

Flex+BlazeDs+Java的教程及Demo_第18张图片

 

原文地址:http://wangdongsong.iteye.com/blog/1222435

你可能感兴趣的:(java,Flex,demo,blazeds)