`
jline
  • 浏览: 37149 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

MyEclipse8.0开发Flex Builder4

阅读更多

云南移动经分系统的复杂报表用到了flex,之前这块我也碰不到,不过日后会有些接触,flex做出来的报表确实要好看些,趁周末了解下Flex Builder4怎么用的,网上搜了一大堆的资料,好不容易才调试成功,这里作个笔记以免忘记了。
要使用的主要有MyEclipse 8.0/Flex Builder 4/blazeds(当然会用到tomcat,jdk,browser这些哈,这个是java程序员必须的)
1.建立一个javaweb项目tt

写了发现图片看不到,用文字补充:包名为com.demo

package com.demo;
public class HelloWorld {

	public String sayHello(String name) {

		return "hello," + name;
	}
}
 2.解压blazeds,复制WEB-INF文件夹,覆盖掉你的Test工程下的WebRoot下的WEB-INF文件夹。打开Test工程下的WebRoot\WEB-INF\flex\remoting-config.xml这个文件,插入以下代码:
<destination id="Hello">
<properties>
   <source>com.demo.HelloWorld</source>
</properties>
</destination>

 插入后的效果:

<?xml version="1.0" encoding="UTF-8"?>
<service id="remoting-service" class="flex.messaging.services.RemotingService">
	<adapters>
		<adapter-definition id="java-object"
			class="flex.messaging.services.remoting.adapters.JavaAdapter"
			default="true" />
	</adapters>
	<destination id="Hello">
		<properties>
			<source>com.demo.HelloWorld</source>
		</properties>
	</destination>
	<default-channels>
		<channel ref="my-amf" />
	</default-channels>
</service>

 

3.打开Flex Builder 4,鼠标右键新建一个名为tt的flex项目:
填写项目名称;项目位置默认;应用程序类型选择Web(在Adobe Flash Player 中运行)(W);Flex SDK 版本使用默认SDK
点击“下一步”
在输出文件夹(指定输出路径)里,选择刚才建立的javaweb项目tt 的WebRoot目录,点击“完成”。
tt.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 Hello():void {    
				srv.sayHello(inputText.text);    //通过RemoteObject的对象test,直接调用Java端的方法
			}    
			
			private function resultHandler(event:ResultEvent):void {    
				helloResult = event.result as String;    
			} 
			
		]]>
	</mx:Script>
	<mx:RemoteObject id="srv" destination="Hello"
					 result="resultHandler(event)" endpoint="/tt/messagebroker/amf" />
	<mx:Label text="输入文字" id="nameLabel" x="19" y="277" />
	<mx:TextInput id="inputText" x="78" y="277" />
	<mx:Button label="HelloWord" id="Button" click="Hello()" x="101"
			   y="308" />
	<mx:HBox x="10" y="10" width="1155" height="379" >
		<mx:TextArea width="705" height="237" text="{helloResult}"  fontSize="13" fontWeight="bold" color="#FA7A08" />
	</mx:HBox>
	
</mx:Application>
 
destination="Hello" :destination属性值必须和remoting-config.xml中的destination的id一样;
endpoint="/tt/messagebroker/amf" :/tt/就是javaweb项目tt 的名称
在MyEclipose下刷新tt工程,会在WebRoot下看到生成的新文件保存项目,发布到Tomcat,启动Tomcat服务,在IE中输入http://localhost:8080/tt/tt.html  就能看到效果了!
这里返回的只是一个简单的字符串,这个字符串是从HelloWorld的sayHello()方法返回的,至于你要让这个方法做什么后再返回,就自己写了;
分享到:
评论

相关推荐

    flex4整合MyEclipse8.0教程

    在实际开发中,掌握Flex4和MyEclipse 8.0的整合将极大地提高开发效率,使得开发者能够充分利用Flex4的强大功能,同时利用MyEclipse的丰富工具集进行Java后端开发。通过学习和实践,开发者可以熟练地创建出功能丰富、...

    MyEclipse_8.0+flex_4_plugin+Blazeds配置

    本文将详细介绍如何在MyEclipse 8.0中配置Flex 4插件以及BlazeDS,以便于进行高效的Flex应用开发。 一、MyEclipse 8.0与Flex 4的结合 MyEclipse 8.0是基于Eclipse平台的扩展,它集成了众多的Java、Web和企业级开发...

    flex4集成myeclipse8.x

    【Flex4 集成 MyEclipse8.x 知识点详解】 1. **Flex 插件安装**:Flex4 集成 MyEclipse 首先需要下载 Flex 插件,通常以 Eclipse 插件形式提供。Adobe 官方网站提供了 Flash Builder 的下载,但可能需要注册。下载...

    myeclipse+flex4+blazeds整合配置

    在本篇文章中,我们将详细介绍如何在MyEclipse_8.5环境中整合Flex_4和Blazeds,实现一个完整的富客户端应用开发流程。这涉及到Java开发环境的搭建、Web服务器的安装配置、Flex开发工具的整合以及Blazeds服务器端组件...

    MyEclipse_8.5+flex_4+Blazeds配置

    【MyEclipse_8.5+flex_4+Blazeds配置】的教程涉及到一系列集成开发环境和服务器的安装与配置过程,以下是详细步骤和相关知识点: 1. **JDK安装与配置**: - JDK (Java Development Kit) 是开发Java应用程序的基础...

    MyEclips配置问题

    文件"MyEclipse_8.0+flex4_plugin+Blazeds配置.doc"很可能是详细的配置指南,包括可能遇到的问题及解决方案。建议仔细阅读文档,按照步骤操作,并在过程中留意可能出现的错误提示,以便解决任何配置问题。 配置...

    flex与java--Blazeds学习(配置)

    Adobe Flash Builder 是用于 Flex 开发的专业工具。安装 Flash Builder 4 Plugin 时需要注意,解压路径不能包含中文字符,这有助于避免潜在的错误。安装过程中,确保选择正确的 MyEclipse 运行目录。 完成上述步骤...

    用BlazeDS实现Java和Flex通信

    3. **开发工具**:Flash Builder 4 或 Adobe Flex Builder。 4. **BlazeDS**:Adobe提供的开源项目,提供Java AMF3格式的封装方法。 以下是一个简单的步骤指南: 1. **配置Tomcat服务器**:在MyEclipse中配置...

Global site tag (gtag.js) - Google Analytics