Flex通过BlazeDS与Java 交互-HelloWorld

最近开始研究FLex,至于Mxml与ActionScripts各种FLex的书,介绍一大堆。而且也很简单。


问题是,flex到底应该怎样使用到真正的java web应用中来,大部分Flex的书,没有讲。


最近通过BlazeDS 做通了一个例子,奉上给大家,以供参考:


准备工作:下载blazeds.war ,准备好eclipse环境,并且要装好Flex plugin。


1、建立web动态项目


2、在web项目的相应位置加入Flex所需的jar和配置文件。

     2.1 将 blazeds.war WEB-INF/lib里的jar 拷到web应用的lib下,因为这些jar是BlazeDs的jar。

           flex与java交互就是通过这些jar。
    
Flex通过BlazeDS与Java 交互-HelloWorld_第1张图片
 
    
     2.2 然后要加入 Flex BlazeDS需要的配置文件。 将 blazeds.war WEB-INF/flex 文件夹拷到应用

           的WEB-INF 下。
  
Flex通过BlazeDS与Java 交互-HelloWorld_第2张图片
 

     2.3在应用的web.xml里加入相应的listener和servlet,可以直接复制blazeds.war的web.xml
   
Flex通过BlazeDS与Java 交互-HelloWorld_第3张图片
 

3、设置好应用有关Flex的各项设置:


     3.1 给web应用加上Flex 项目的特性。

    
Flex通过BlazeDS与Java 交互-HelloWorld_第4张图片


Flex通过BlazeDS与Java 交互-HelloWorld_第5张图片


Flex通过BlazeDS与Java 交互-HelloWorld_第6张图片
 
     3.2 配置Flex SDK

   
Flex通过BlazeDS与Java 交互-HelloWorld_第7张图片
 
     3.3 配置html-template


4、编写java类

package com;

public class Hello {
	public String sayHello(String name){
	    System.out.println("Hello World!!");
	    return "hello "+name+"!";
	} 
}
 

  
5、配置remoting-config.xm

 <destination id="hello">
        <properties>
            <source>
                com.Hello
            </source>
        </properties>
</destination>
 

6、编写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.ResultEvent;
      
      function gg(evnet:ResultEvent):void{
         var ff:String = evnet.result as String;
         ggg.text = ff;
      }
      
      function remotingSayHello():void{
          var sname:String = nameInput.text;
        h.sayHello(sname);  
      }
    ]]>
	</mx:Script> 
	<mx:RemoteObject destination="hello" id="h"
    	result="gg(event)"
		endpoint="http://localhost:8080/blazeJava/messagebroker/amf" >     
    </mx:RemoteObject>
  
    
	<mx:TextArea id="ggg" x="109" y="122"/>
  
	<mx:Button label="say hello" click="remotingSayHello();" x="144" y="193"/>
    <mx:TextInput id="nameInput" x="109" y="73"/>
    <mx:Label text="name" x="47" y="75"/> 
</mx:Application>
 

7、将flex的编译生成文件夹改成WebContent
   
Flex通过BlazeDS与Java 交互-HelloWorld_第8张图片
 
8、部署运行


Flex通过BlazeDS与Java 交互-HelloWorld_第9张图片
 
  
Flex通过BlazeDS与Java 交互-HelloWorld_第10张图片

 

你可能感兴趣的:(java,eclipse,Web,xml,Flex)