Flex与SSH集成

Flex与SSH集成  



2010-06-26 11:00:36|  分类： flex |举报|字号 订阅

Flex与SSH集成

1，下载blazeds_bin_3-0-0-544.zip 包，将其解压 取下blazeds.war包 更改为blazeds.rar ,并解压

2 将上一步解压的web-inf/lib/下的包复制到工程的lib下

3，将flex文件夹 复制到工程的web-inf下

4 将classes下的文件复制到工程的src下

5在web.xml中加入

 

<!-- flex -->

 <servlet> 

    <servlet-name>flex</servlet-name> 

    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> 

    <init-param> 

         <param-name>contextConfigLocation</param-name> 

           <param-value>/WEB-INF/classes/flex-application-config.xml</param-value> 

    </init-param>

    <load-on-startup>1</load-on-startup> 

</servlet> 

<servlet-mapping> 

    <servlet-name>flex</servlet-name> 

    <url-pattern>/ssh/*</url-pattern> 

</servlet-mapping> 

<!-- end flex -->

6，在src下建一个flex-application-config.xml文件

加入

<?xml version="1.0" encoding="UTF-8"?> 

<beans xmlns="http://www.springframework.org/schema/beans" 

    xmlns:flex="http://www.springframework.org/schema/flex" 

   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 

   xsi:schemaLocation="   

http://www.springframework.org/schema/beans   

http://www.springframework.org/schema/beans/spring-beans-2.5.xsd   

http://www.springframework.org/schema/flex   

http://www.springframework.org/schema/flex/spring-flex-1.0.xsd"> 

<flex:message-broker/> 

<!— 下面是表示 在spring配置文件中配置的bean-->

<flex:remoting-destination ref="flowServer"/>

</beans>

以下内容

6,加入flex与spring所依赖的包

Flex与SSH集成 - 花落谁家 - zhangcb666的博客

 

7 编写 java 类

 

1>    编写类体DeptNode.class

 

package com.svse.entity.bean;

 

import java.util.ArrayList;

import java.util.List;

/***

*  注: 此类可以不用和Flex映射 ,因为在Flex端,我们不用把Object对象强转为此对象

**/

public class DeptNode {

 

    private int id;

    private String name;

    private DeptNode parent;

   

    private List<DeptNode> children = null;

 

    public DeptNode(){}

    public DeptNode(int id ,String name){

       this.id = id;

       this.name = name;

    }

    /*************get and set 省略****************/

   

}

2>    编写接口IflowServer.class

package com.svse.server;

 

import java.util.List;

import com.svse.entity.bean.DeptNode;

 

public interface IFlowServer {

              //得到部门

       List<DeptNode> getDeparts(int deptId);

}

 

 

3>    编写实现类

package com.svse.server.impl;

 

import java.util.List;

 

import com.svse.entity.bean.DeptNode;

import com.svse.server.IFlowServer;

 

public class FlowServer implements IFlowServer {

   

    //得到部门

    public List<DeptNode> getDeparts(int deptId){

       List<DeptNode> list = new ArrayList<DeptNode>();    

       DeptNode node = new DeptNode();

       node.setId(00);

       node.setName("父节点11");

       node.setChildren(this.getChild(3, "aa"));

      

       list.add(node);

      

       DeptNode node2= new DeptNode();

       node2.setId(11);

       node2.setName("父节点22");

       node2.setChildren(this.getChild(5, "bb"));

      

       list.add(node2);

      

       return list;

    }

   

    private List<DeptNode> getChild(int count,String name){

       List<DeptNode> list = new ArrayList<DeptNode>();

       for(int i = 0; i < count; i++){

           DeptNode node3 = new DeptNode();

           node3.setId(i);

           node3.setName(name+""+i);

           list.add(node3);

       }

       return list;

    }

 

    }

}

 

8 在spring中注入

<bean id="flowServer" class="com.svse.server.impl.FlowServer"/>

注：此处的Id,就是在flex-application-config.xml中的

<flex:remoting-destination ref="flowServer"/>配置的ref值

 

 

9 编写flex代码

 

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">

    <mx:Script>

       <![CDATA[

           import mx.rpc.remoting.mxml.RemoteObject;

           import bean.FileAction;

           import mx.collections.ArrayCollection;

           import mx.rpc.events.FaultEvent;

           import mx.rpc.events.ResultEvent;

           import mx.controls.Alert;

           /**

            * 从服务器请示数据

            * */

           function loadDept():void{

              var remote:RemoteObject = new RemoteObject();

              remote.destination="flowServer";

              remote.endpoint="/ssh2-flex/messagebroker/amf";     

              remote.getDeparts(1);

              remote.addEventListener(ResultEvent.RESULT,resultHander1);

              remote.addEventListener(FaultEvent.FAULT,fault);

           }

           /**

            * 请示成功后，调用的方法

            * */

           function resultHander1(event:ResultEvent):void{

              //在此只用转化为集合对象,不用考虑集合对象中的对象

              var list:ArrayCollection = event.result as ArrayCollection;

              this.deptList.dataProvider = list;

           }

           /**

            * 初 始化

            * */

           function init():void{

              var xmlArray:ArrayCollection = new ArrayCollection([

                     {"name":"上海","selected":false,"children":[{"name":"黄浦","selected":false},

                                                      {"name":"浦东","selected":false}]},

                     {"name":"北京1","selected":false,"children":null}

                  ]);

              //Tree对象默认会取chilren为子节点

          

              deptList.dataProvider = xmlArray;

           }

          

           /**

            * 出错后调用的方法

            * */

           function fault(event:FaultEvent):void{

              Alert.show("error");

           }

           /**

            * 双击调用的方法

            * */

           function showMsg():void{

              var st:String = deptList.selectedItem.id +" "+deptList.selectedItem.name;

              Alert.show(st);

           }

       ]]>

    </mx:Script>

    <mx:Label />

    <mx:HBox>

       <mx:Button  label="加载数据" click="loadDept()" fontSize="14" />

       <mx:Tree id="deptList" labelField="name" width="200" height="300" itemDoubleClick="showMsg()" />

    </mx:HBox>

</mx:Application>

注：Java类加也可返回xml格的数据，供flex调用,具体请查看相关文档