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 blocke.printStackTrace();}finally{try {rs.close();st.close();con.close();} catch (SQLException e) {// TODO Auto-generated catch blocke.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和classimport 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点击按钮，数据收发展现成功。

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

BlazeDS 整合 Flex HelloWorld 示例
开发环境: System:Windows WebBrowser:IE6+.Firefox3+ JavaEE Server:tomcat5.0.2.8.tomcat6 IDE:eclipse.MyEcl ...
（转载）Android项目实战（二十七）：数据交互（信息编辑）填写总结
Android项目实战(二十七):数据交互(信息编辑)填写总结前言: 项目中必定用到的数据填写需求.比如修改用户名的文字编辑对话框,修改生日的日期选择对话框等等.现总结一下,方便以后使用. 注: 先 ...
Cairngorm + BlazeDS 整合 Flex + Java 的 Demo (实例)
今天学习Cairngorm,找了份教程,写了个Demo,以记录并分享学习过程. Cairngorm的各个部分: 1.ModelLocator:在一个地方存储程序中所有的值对象(ValueObjects ...
Android项目实战（二十七）：数据交互（信息编辑）填写总结
前言: 项目中必定用到的数据填写需求.比如修改用户名的文字编辑对话框,修改生日的日期选择对话框等等.现总结一下,方便以后使用. 注: 先写实现过程,想要学习的同学可以看看,不需要的同学可以直接拉到最下 ...
eclipse建立Flex项目之Blazeds篇1(测试成功完整版)
创建Flex 与 Java 通信项目之Blazeds篇一.环境: 1.blazeds_turnkey(内含tomcat) 2.Flex Build3(Flex的eclipse插件) 3.Eclips ...
从无到有整合SpringMVC-MyBatis项目（1）：搭建JavaWeb项目
前言: 近日有个销售类网站的项目,用了很久的Springboot,突发奇想回到过去,基于SpringMVC-MyBatis框架搭建项目,惭愧的是有些配置已记不清楚,所以决定写篇博客来记录下整个搭建过程 ...
IDEA整合Tomcat启动javaweb项目
1.前言突然兴起想要写这么一篇博客,不是因为别的,纯属是因为小编还是一个小白的时候,听某马和某硅谷的javaweb网课时,遇到这个章节一直启动不起来,虽然小编依旧是个菜鸡,但是今时不同往日了,小编已 ...
Flex BlazeDS整合Spring在Tomcat下的安全验证
Flex BlazeDS整合Spring在Tomcat下的安全验证今天看了BlazeDS Developer Guide,在Tomcat在利用BASIC方法做了个安全验证的实例.Flex Blaze ...
spring整合flex
在常规的开发中只是用flex二不和后台交互是不可能的,为此flex也提供了和后台交互的2种解决方案一种是Data Services另一种是BlazeDs,本篇博客是用的是后一种,我的开发步骤如下: 1 ...

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

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

最新文章

热门文章