这个基础教程是Flex4.1,Blazeds4.0为基础写的。
第一步:新建Web
Project,名字为:FlexBlazeDsDemo,点Finish
![](http://dl.iteye.com/upload/attachment/578711/25464d78-8f12-30f8-983e-240684915d1d.png)
第二步:去Adobe公司的网站上下载Blazeds的包,
![](http://dl.iteye.com/upload/attachment/578713/d54d23b6-5e8a-3aa3-9974-26a9c745f803.png)
解压blazeds.war,看到blaeds的文件夹,里面有一个lib的文件夹,将包引入到项目工作中去
同时将blazeds->WEB-INF下的flex文件夹Copy到项目中的WEB-INF下,目录结构如下:
![](http://dl.iteye.com/upload/attachment/578715/0c9a56a3-4cf0-387d-ab75-b45a45cef59a.png)
第三步:在Tomcat中发布项目
第四步:在Web Project中添加Flex项目
Step1:
![](http://dl.iteye.com/upload/attachment/578717/52c9e8d6-9059-3631-b3dd-654343c1aea9.png)
Step2:服务器技术选择J2EE及Blazeds
![](http://dl.iteye.com/upload/attachment/578723/e10bb17a-53a8-3a06-9ab9-bd26ba606415.png)
Step3:
![](http://dl.iteye.com/upload/attachment/578719/a7699e1e-95dd-34bc-bdf3-d4b77554db44.png)
Step4:配置上述图中的信息,根文件夹,选择FlexBlazeDsDemo发布之后的位置,配置之后的信息如下:
![](http://dl.iteye.com/upload/attachment/578721/f01ee433-75b8-3f88-9919-ebc2f91d1d6c.png)
Step5:新建html-template(打开porblem窗口,如果有提示这个错误就新建)和flex-src文件夹,目录结构如下:建立完文件,会提示:Description Resource Path Location Type
missing ; before statement index.template.htm,这个错误不用处理,接着往下走。
![](http://dl.iteye.com/upload/attachment/578727/c1f8741e-7ed5-3650-9cdb-a37c34b20cfe.png)
Step6:调整目录结构及参数配置,如下图
![](http://dl.iteye.com/upload/attachment/578725/03805779-fd2d-3d6f-862d-46d9bb4bf250.png)
在上图中,将主源文件夹修改成:flex-src
特别注意:将FlexBlazeDsDemo.mxml文件移动到flex-src目录下,因为我们已经将主源文件夹修改,并且以后所建的Flex文件也都要放到flex-src下。
Step8:服务参数,也就是Flex编译器
![](http://dl.iteye.com/upload/attachment/578729/80528c9f-4303-33d8-8079-76585cdfeb14.png)
我们也可以打开配置文件去查看参数的(.actionScriptProperties及.flexProperties),如下图:
![](http://dl.iteye.com/upload/attachment/578731/d44b3c7b-2005-3b46-b6be-4ae15c85cf2e.png)
第五步:在FelxBlazeDsDemo输入以下几行代码
![](http://dl.iteye.com/upload/attachment/578733/6e9908b0-4018-329b-865f-fd33e8316d9c.png)
第六步:在浏览器地址栏输入http://localhost:8080/FlexBlazeDsDemo/FlexBlazeDsDemo.html, 查看效果,端口号和项目名称改成自己 即可。效果如下:
![](http://dl.iteye.com/upload/attachment/578736/6375ef80-95b6-333d-9768-65a9f6f06873.png)
第七步:添加BlazeDs,配置web.xml文件,将我们下载的BlazeDs包下在的web.xml文件覆盖我们项目的文件,web.xml文件内容如下:
![](http://dl.iteye.com/upload/attachment/578739/9f6b5ce0-b0d9-3399-8b5a-941a6f7f6388.png)
第八步:写一个Java类,HelloWorld,代码如下:
![](http://dl.iteye.com/upload/attachment/578738/3a0bca0c-f308-3815-8e3b-df1a9b7bffbc.png)
第九步:配置remote-0bject.xml文件
![](http://dl.iteye.com/upload/attachment/578742/cec6df6b-b8e8-3f63-96cb-d3378088ef0e.png)
第十步:更改FlexBlazeDsDemo代码,内容如下:destinatioin一定要与上一步中的remote-object.xml的destination一样,reusult是调用成功之后处理函数。
![](http://dl.iteye.com/upload/attachment/578744/67620564-8fac-30c6-86aa-0fc033958704.png)
第十一步:测试
![](http://dl.iteye.com/upload/attachment/578746/1c8e4e99-9ffd-35ff-92f0-908dad3313da.png)
如果用问题可以发邮件至wangdongsong1229@163.com与我联系。
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8711/25464d78-8f12-30f8-983e-240684915d1d-thumb.png)
- 大小: 26.5 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8713/d54d23b6-5e8a-3aa3-9974-26a9c745f803-thumb.png)
- 大小: 6.7 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8715/0c9a56a3-4cf0-387d-ab75-b45a45cef59a-thumb.png)
- 大小: 20.5 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8717/52c9e8d6-9059-3631-b3dd-654343c1aea9-thumb.png)
- 大小: 55.9 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8719/a7699e1e-95dd-34bc-bdf3-d4b77554db44-thumb.png)
- 大小: 24.8 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8721/f01ee433-75b8-3f88-9919-ebc2f91d1d6c-thumb.png)
- 大小: 26.4 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8723/e10bb17a-53a8-3a06-9ab9-bd26ba606415-thumb.png)
- 大小: 28.5 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8725/03805779-fd2d-3d6f-862d-46d9bb4bf250-thumb.png)
- 大小: 54.7 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8727/c1f8741e-7ed5-3650-9cdb-a37c34b20cfe-thumb.png)
- 大小: 7 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8729/80528c9f-4303-33d8-8079-76585cdfeb14-thumb.png)
- 大小: 39.3 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8731/d44b3c7b-2005-3b46-b6be-4ae15c85cf2e-thumb.png)
- 大小: 40 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8733/6e9908b0-4018-329b-865f-fd33e8316d9c-thumb.png)
- 大小: 15.2 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8736/6375ef80-95b6-333d-9768-65a9f6f06873-thumb.png)
- 大小: 6.8 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8738/3a0bca0c-f308-3815-8e3b-df1a9b7bffbc-thumb.png)
- 大小: 10.9 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8739/9f6b5ce0-b0d9-3399-8b5a-941a6f7f6388-thumb.png)
- 大小: 22.8 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8742/cec6df6b-b8e8-3f63-96cb-d3378088ef0e-thumb.png)
- 大小: 16.1 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8744/67620564-8fac-30c6-86aa-0fc033958704-thumb.png)
- 大小: 22.7 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8746/1c8e4e99-9ffd-35ff-92f0-908dad3313da-thumb.png)
- 大小: 4.2 KB
![点击查看原始大小图片](http://dl2.iteye.com/upload/attachment/0057/8748/fc14d6cb-5dbb-34f4-bf7c-184825d048d4-thumb.png)
- 大小: 5.7 KB
分享到:
相关推荐
Flex + blazeds + Java推送Demo 本例实现由Flex一端客户端发送消息, 然后由Java端在发布到所有订阅的其它Flex端. 里面有说明与源码, 还有一个直接放到Tomcat里面的直接发布的项目 小编使用工具 eclipse3.5 flex sdk...
BlazeDS是Adobe提供的一个免费服务器端技术,它为Flex客户端提供了与Java应用程序交互的能力,包括实时消息传递、Remoting和数据推送等功能。Spring是一个广泛使用的Java企业级应用开发框架,它简化了Java应用程序的...
本文将详细介绍如何配置一个基于Flex、Java和BlazeDS的Web工程,以实现客户端Flex与服务器端Java的交互。 1. **BlazeDS介绍** BlazeDS是Adobe公司开发的一个开源项目,它提供了轻量级的消息传递系统,使得Flex...
《Flex+Blazeds与Java Web Project整合详解》 在当今的互联网开发中,富互联网应用(RIA)已经成为提升用户体验的重要手段。Flex作为Adobe提供的一个强大的RIA开发框架,结合Blazeds,可以实现与Java后端的无缝对接...
这个基础教程是Flex4.6,Blazeds4.0为基础写的。 解压项目后,用myeclipse打开,访问链接:http://localhost:8080/FlexBlazeDsDemo/FlexBlazeDsDemo-debug/FlexBlazeDsDemo.html 即可看到效果
5. **源代码分析**:`flexDemo`这个文件名可能代表了完整的Flex示例项目,包括Flex的源代码(MXML和ActionScript文件)、BlazeDS配置文件(如services-config.xml)、以及可能的Java后端源代码。通过查看这些源代码...
Flex+BlazeDS是将Adobe Flex前端应用与Java后端服务进行集成的一种技术组合,用于构建富互联网应用程序(RIA)。Flex是一种基于ActionScript 3的编程语言,它使用MXML来构建用户界面,而BlazeDS是Adobe提供的开源...
而BlazeDS是Adobe提供的一个免费服务器端组件,用于实现Flex与Java后端的数据通信。本文将深入探讨如何配置Flex与BlazeDS,让它们协同工作,实现高效、稳定的数据交换。 首先,我们需要准备必要的工具和环境。...
在`Demo.mxml`中添加远程对象调用代码,实现Flex应用与BlazeDS的通信。 ### 总结 通过上述步骤,我们不仅完成了BlazeDS、Flex与Tomcat的环境搭建,还实现了基本的Flex应用开发和远程对象调用。这一流程充分展示了...
Flex 是一款用于构建高度交互式Web应用的软件开发工具,而BlazeDS则是一个允许Flex和AIR客户端应用程序与Java服务器进行通信的开放源码服务器端Java库。通过这种整合,开发者可以在客户端使用Flex创建丰富的用户界面...
Flex + java+BlazeDs Demo
- **MyEclipse及Flex插件的安装**:首先,确保已安装MyEclipse,并通过其插件市场或官方渠道安装Flex插件。安装完毕后,需检查并配置Flex SDK的路径,确保环境变量正确设置。 - **环境变量配置**:环境变量的正确...
【Java JDBC + Blazeds Demo】是一个典型的Java与Flex之间的数据交互示例,它结合了Java的数据库连接能力(JDBC)与Adobe的BlazeDS技术,用于构建富互联网应用程序(RIA)。BlazeDS是Adobe提供的一个开源项目,它...
在本压缩包"Flex实例 Flex基础 Web+Flex+LCDS Flex跟Java交互"中,我们可以深入探讨Flex的基础知识、Web与Flex的集成、LCDS的使用以及Flex如何与Java进行数据交互。 1. **Flex基础**:Flex提供了一整套组件库,包括...
"flex+java 读写数据库Demo"就是一个典型的案例,它展示了如何利用Adobe Flex作为前端UI框架,与Java后端配合,实现对数据库的读写操作。Flex是基于ActionScript的富互联网应用(RIA)开发平台,而Java则是强大的...
本教程主要针对初学者,旨在帮助他们掌握Flex3及Flex4的基础知识,并结合Java进行深入学习,实现数据的增删改查功能。 在Flex3与Flex4之间,最主要的区别在于界面组件库的更新。Flex3使用的是MX组件库,而Flex4引入...
标题"FLEX_JAVA_BlazeDS独立部署DEMO.rar"揭示了这个压缩包是关于使用Adobe Flex、Java和BlazeDS技术进行独立部署的一个演示项目。Flex是一种用于构建富互联网应用程序(RIA)的开源框架,而BlazeDS是Adobe提供的一...
总结来说,Flex+BlazeDS+MySQL的数据交互机制是通过BlazeDS作为中间层,利用AMF协议高效地在Flex客户端与Java服务之间传输数据,使得前端能够方便地执行CRUD操作并与MySQL数据库进行交互。理解并熟练掌握这个流程...