JavaWeb项目使用BlazeDS整合Flex进行RemoteObject数据交互

目标：

1，Java Web Project整合Flex

2，Flex中AS代码调用RemoteObject与Java数据交互

环境：

1，JDK1.6

2，MyEclipse10

3，Adobe Flash Builder 4.7 EclipsePlug-in

4，Tomcat6(绿色版，解压后路径F:\software\develop\apache-tomcat-6.0.36\)

5，blazeds-bin-4.0.1.21287.zip

步骤：

1，已安装MyEclipse10、安装FlashBuilder4.7、安装Adobe Flash Builder 4.7 Plug-in Utility.exe；

2，MyEclipse中建立WebProject：testflexblazeds2；

3，解压blazeds-bin-4.0.1.21287.zip、解压blazeds.war，

 

把blazeds\WEB-INF文件夹下的flex文件夹(包括其中文件)、lib文件夹(包括其中文件)、web.xml文件复制到JavaWeb项目testflexblazeds2的文件夹testflexblazeds2\WEB-INF下面（覆盖）；

 

4，在项目testflexblazeds2上右击鼠标，

 

选择“添加/更改项目类型-->添加Flex项目类型”

 

5，在“服务器技术”栏中勾选

 

“使用远程对象访问服务”、选择BlazeDS；

 

6，在“服务器位置”栏中，填写

根文件夹：F:\software\develop\apache-tomcat-6.0.36\webapps\testflexblazeds2

根URL：http://localhost:8080/testflexblazeds2/

上下文根目录：/testflexblazeds2

点击“验证配置”按钮，没有红叉表示验证成功，点击“完成”按钮。

7，Java后台部分建立POJO类(需要序列化)和操作类(响应请求获取数据并返回数据)：

 

import java.io.Serializable;

public class Entity1 implements <span style="color:#3366FF;">Serializable </span>{
	
	/**
	 * 
	 */
	private static final long serialVersionUID = 997165529976923500L;
	public String getId() {
		return id;
	}
	public void setId(String id) {
		this.id = id;
	}
	public String getIp() {
		return ip;
	}
	public void setIp(String ip) {
		this.ip = ip;
	}
	private String id;
	private String ip;

}

 

import java.sql.*;
import java.text.SimpleDateFormat;
import java.util.*;

public class Hello1 {	
	
	public String sayHello(String pname){
		SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss:SSS");
		long nw = System.currentTimeMillis();
		String ntime = df.format(new Date(nw));
		System.out.println(ntime);
		
		return "["+ntime +"] Hello: " + pname;
	}
	
	public List getList(){
		Connection con = null;
		
		List<Entity1> lsobj = new  ArrayList<Entity1>();
		
		ResultSet rs = null;
		Statement st = null;
		try {
			con = getConnection();
			st = con.createStatement();
			rs = st.executeQuery("select * from tb1 order by id limit 0,100");

			while(rs.next()){				<pre name="code" class="java">                                Entity1 o = new Entity1();
                               o.setId(rs.getString("ID"));
				o.setIp(rs.getString("ip"));
				lsobj.add(o);
			
			}
			
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}finally{
			try {
				rs.close();
				st.close();
				con.close();
				
			} catch (SQLException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}			
		}
		
		return lsobj;
	}
	
	public static Connection getConnection(){ //连接数据库
		Connection con = null;
		try {
			Class.forName("com.mysql.jdbc.Driver");
			con = DriverManager.getConnection("jdbc:mysql://localhost:3306/db1", "root", "root");			
		} catch (ClassNotFoundException e) {			
			e.printStackTrace();
		} catch (SQLException e) {			
			e.printStackTrace();
		}		
		return con;		
	}
	
	public static void main(String[] args){
		//new Hello1().sayHello("aa");		
		new Hello1().getList();
		
	}

}

 

8，在WEB-INF\flex\remoting-config.xml中增加远程服务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>

    <default-channels>
        <channel ref="my-amf"/>
    </default-channels>
    
<span style="color:#3366FF;">    <destination id="helloWorld">
		<properties>
			<source>com.merrick.Hello1</source>
		</properties>
     </destination></span>
    

</service>

9，在Flex程序文件MXML添加UI数据展现控件、声明RemoteObject服务，文件内容如下：

 

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
	
	
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
		<span style="color:#3366FF;"><mx:RemoteObject id="say" destination="helloWorld" >   </mx:RemoteObject> 	</span>	
	</fx:Declarations>
	
	<s:layout>
		<s:VerticalLayout horizontalAlign="left" paddingTop="20" paddingLeft="10"/>
	</s:layout>
	<s:HGroup>
		<mx:Button x="335" y="80" label=" Click" click="remotingSayHello(event);"/>    		
		<mx:TextInput x="159" y="80" id="tiName"/>  
	</s:HGroup>	
	<s:HGroup>
	     <mx:Label x="109" y="82" text="name: "/>  		
	     <mx:Label text="{say.sayHello.lastResult}" 
				   x="44" y="162" 
				   width="448" height="71" id="lblView" color="#FCEE09" 
				   fontSize="20" fontWeight="bold" 
				   textDecoration="underline" fontStyle="normal"/>         
	</s:HGroup>	
     
    <fx:Script source="asfolder/AsCode.as"/>
	
	<mx:Button x="335" y="80" label="GetRemoteDBListData" click="remotingGetList(event)"/>   
	<mx:DataGrid id="dglst">
		<mx:columns>
			<mx:DataGridColumn dataField="id" headerText="EQUIPID"/>				
			<mx:DataGridColumn dataField="ip" headerText="IP address"/>		
		</mx:columns>		
	</mx:DataGrid>
	
</s:Application>

10，建立AS实体类Entity1as.as（与Java中传递的POJO序列化对象Entity1对应,用于转化数据对象为AS对象）

 

package asfolder
{	
	[Bindable]
	[RemoteClass(alias="com.merrick.Entity1")]
	public class Entity1as
	{
		public var id:String;
		 public var ip:String;		
		
	}
}

11，AS中发送远程服务请求和处理响应的部分AsCode.as，内容如下：

 

//被MXML引用，无需加 package和class
	import mx.collections.ArrayCollection;
	import asfolder.Entity1as;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
import mx.controls.Alert;

	public  function remotingSayHello(event:MouseEvent):void{        //远程服务    RemoteObject,调用同一web项目中的POJO，部署运行测试成功*
		var iname:String=tiName.text;              
		say.sayHello(iname);//传递
		
	}  

	public function remotingGetList(event:MouseEvent):void{
		
		say.getList();
		
		say.addEventListener(ResultEvent.RESULT, result_op);
		say.addEventListener(FaultEvent.FAULT, fault_op);	
	}

	public function fault_op(event:FaultEvent):void {
		var faultstring:String = event.fault.faultString;
		Alert.show(faultstring);
	}

	public function result_op(event:ResultEvent):void {//处理List<Entity1>
		
		var objList:ArrayCollection = ArrayCollection(event.result);		
		
		var datalist:ArrayCollection = new ArrayCollection();
		
		for (var i:int = 0; i < objList.length; i++)
		{
			var obj:Entity1as= Entity1as(objList.getItemAt(i)); //类型强制转换 传递POJO对象
			datalist.addItem(obj);
		}
		
		dglst.dataProvider = datalist;
		
				
	}

12，部署项目启动tomcat，启动浏览器测试：

浏览器中访问地址：http://localhost:8080/testflexblazeds2/testflexblazeds2-debug/testflex2.html

点击按钮，数据收发展现成功。