码迷,mamicode.com
首页 > 编程语言 > 详细

Flex+BlazeDs+Java的教程及Demo

时间:2015-10-27 15:25:31      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:服务器   before   balzeds   adobe   flex   

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

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

 

技术分享

 

 

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

 

 技术分享

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

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

 

技术分享

 

第三步:在Tomcat中发布项目

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

Step1

技术分享

Step2:服务器技术选择J2EEBlazeds

 

技术分享

 

Step3

 

技术分享

 

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

 

技术分享

 

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

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

 

技术分享

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

 技术分享

 

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

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

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

 技术分享

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

 

技术分享

 

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

技术分享

 

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

技术分享

 

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

 

技术分享

 

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

 

技术分享

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

 

技术分享

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

 

技术分享

第十一步:测试

 技术分享 

技术分享

 



本文出自 “没有水勒鱼” 博客,请务必保留此出处http://javaqun.blog.51cto.com/10687700/1706759

Flex+BlazeDs+Java的教程及Demo

标签:服务器   before   balzeds   adobe   flex   

原文地址:http://javaqun.blog.51cto.com/10687700/1706759

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!