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

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