`
ioryioryzhan
  • 浏览: 153491 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

flex + tomcat + myEclipse环境 lcds的配置与使用

阅读更多

1.我的配置环境为:
  flexBuilder3,LCDS251,MyEclipse 5.5.1 GA+
2.安装lcds2.5.1,打开目录,里面有一个flex.war
3.关闭tomcat(如果打开在的话)
4.将flex.war拷入tomcat的webapps目录
5.重启tomcat,可以看到webapps里多了一个目录flex,这便是我们要的东西
6.可以将flex.war删除
7.将flex文件夹拷到其他地方,反正不能在webapps里面。(我也不知道为什么)
8.可以开始了,MyEclipse里新建web Project(假设名为DemoWeb)
9.打开刚移出去的flex目录,将其中WEB-INF全部复制到工程DemoWeb的WebRoot/WEB-INFO里,点全部,
即覆盖原有文件

9.5. flex文件夹中有一个jars目录,里面是一些java包,将里面所有jar拷到DemoWeb的WebRoot/WEB-INFO的lib目录中,

//ok,准备工作都做好了,开始可以编写代码测试下
10.flexBuilder中新建flex工程,放心,我们只用来编写mxml文件
11.编写mxml代码,我的代码是:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
     xmlns:mx="http://www.adobe.com/2006/mxml"
     layout="absolute" 
     creationComplete="initApp()">
  
<mx:Script>
   <![CDATA[
         
         import flash.events.Event;
         import mx.managers.CursorManager; 
         import mx.rpc.events.ResultEvent;
         import mx.rpc.events.FaultEvent;
         

         internal function initApp():void{
              service.getDatas();
         }

         internal function resultHandler(evt:ResultEvent):void{
               CursorManager.removeBusyCursor();
               myList.labelField = "username";
               myList.dataProvider = evt.result;
         }

         internal function faultHandler(evt:FaultEvent):void{
                CursorManager.removeBusyCursor();
                trace("fault:"+evt.fault);
         }

         internal function selectHandler(evt:Event):void{
              var user:Object = myList.selectedItem;
              userPanel.title = "详细信息"+user.username;
              user_txt.text = user.username;
              email_txt.text = user.email;
              url_txt.text = user.url;
          }
      ]]>
</mx:Script>
  
   <mx:RemoteObject id="service" 
                                 fault="faultHandler(event)"
                                 showBusyCursor="true" 
                                 destination="userService">
   <mx:method name="getDatas" result="resultHandler(event)"/>
  </mx:RemoteObject>

  <mx:Panel x="23" y="32" width="130" height="268"  
                    layout="absolute" title="名册">
       <mx:List id="myList" x="0" y="10" 
                     width="100%" height="100%" 
                     change="selectHandler(event)">    
       </mx:List>

  </mx:Panel>  
  
  <mx:Panel id="userPanel" x="174" y="32" width="238"  
                     height="199" layout="absolute" 
                     horizontalAlign="center" verticalAlign="middle">
   <mx:Label id="user_txt" x="10" y="14" width="83"  
                     fontWeight="bold"/>
   <mx:Label id="email_txt" x="13" y="62" width="191"/>
   <mx:Label id="url_txt" x="13" y="103" width="191"/>
  </mx:Panel>

</mx:Application>

    利用RemoteObject从服务器得到数据,并在Panel中显示出来。

 12.在服务器端编写相应的代码,定义一个类DataService为前台提拱服务。类中定义方法getData(),这个方法名与RemoteObject调用的方法函数名相同。上代码:

package com.zhan.lcds;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.Map;
import java.util.Collection;

public class DataService {

  public Collection getDatas(){

       System.out.println("come into getDatas");

       ArrayList<Map> list = new ArrayList<Map>();
       Map<String,Object> unit;
       for(int i=0;i<2;i++){

          unit = new HashMap<String,Object>();
          unit.put("username", getFirst(i));
          unit.put("url", getSecond(i));
          unit.put("email", getThird(i));
          list.add(unit);

       }

       System.out.println("get out of getDatas");
 
       return list;
  }

  private String getFirst(int i){

     if(i==1){
       return "First 1 Haha";
           }
           else if(i==2){
              return "First 2 HaHa";
          }else{
              return "first Error";
          }
     }

     private String getSecond(int i){

          if(i==1){
              return "Second 1 Haha";
          }else if(i==2){
              return "Second 2 HaHa";
          }else{
              return "Second Error";
          }
     }

     private String getThird(int i){
 
          if(i==1){
              return "Third 1 Haha";
          }else if(i==2){
              return "Third 2 HaHa";
          }else{
             return "Third Error";
          }
      }
}

 13.配置关键的remoting-config.xml文件,它在将复制在WEB-INF的flex目录内
 14.在remoting-config.xml中</service>标签之前加入destination信息.

   <destination id="userService">
      <properties>
        <source>com.zhan.lcds.DataService</source>
      </properties>
    </destination>


  
15.可以将DemoWeb发布了,发布DemoWeb,最后将已经在FB中编写的mxml拷到发布路径的相应地方即可
16.测试,打开tomcat,输入mxml的路径,tomcat会将它编译
17.搞定
注意的地方:
1.remoting-config.xml中设定的destination id一定要与flex中请求的id相同
2.调用的方法与服务器提拱的方法也要相同

分享到:
评论

相关推荐

    myeclipse6.5+flex 3 + tomcat6.0 + ds-console.war环境搭建

    myeclipse6.5(里面已经配置好flex3插件) + tomcat6.0 + ds-console.war(lcds)。手把手教您(有图片指导)

    Flex+Lcds+FB3+Java+MyEclipes7.5

    Eclipse 3.3 + FlexBuilder3 beta2 插件版 +MyEclipse 6.0 +Lcds + Tomcat 5和以上(官方都有下载,或者google里搜一搜哈) MyEclipse:做Java开发都应该知道MyEclipse是比较好的J2EE项目的开发及部署工具的,我们...

    J2EE+FLEX+LCDS实现数据通信(带图,超详细)

    基于MyEclipse6.0+JDK5.0+LCDS+Tomcat5.5的FLEX与JAVA交互实例,带图,超详细!!

    完整的Flex+java+lcds项目

    一个比较完整基于livecycle 的 FLex + java 应用,结合部分采用remoteObject , 开发环境是myeclipse6.5+flexbuilder3 ,集成两个软件的配置说明网上很多,这个包是一个myeclipse6.5工程,可以用mycelip6.5导入,数据库...

    完整的Flex+java+lcds项目(分卷4)

    , 开发环境是myeclipse6.5+flexbuilder3 ,集成两个软件的配置说明网上很多, 这个包是一个myeclipse6.5工程,可以用mycelip6.5导入,数据库采用mysql5.0,工 程内带sql脚本,和填充测试数据的sql脚本,web服务器是...

    完整的Flex+java+lcds项目(分卷2)

    , 开发环境是myeclipse6.5+flexbuilder3 ,集成两个软件的配置说明网上很多, 这个包是一个myeclipse6.5工程,可以用mycelip6.5导入,数据库采用mysql5.0,工 程内带sql脚本,和填充测试数据的sql脚本,web服务器是...

    完整的Flex+java+lcds项目(分卷3)

    , 开发环境是myeclipse6.5+flexbuilder3 ,集成两个软件的配置说明网上很多, 这个包是一个myeclipse6.5工程,可以用mycelip6.5导入,数据库采用mysql5.0,工 程内带sql脚本,和填充测试数据的sql脚本,web服务器是...

    J2EE项目整合FLEX项目.doc

    J2EE项目整合FLEX项目 应一个朋友请求,给他写一个J2EE与FLEX的整合DEMO,前些日子项目紧,没来得及,现在有点时间,呵呵,...我用的环境是MyEclipse6.0+JDK5.0+Tomcat5.5+ Flex3.0 Builder For Eclipse Plugin+LCDS

    Java+flex使用dom4j读写xml

    环境:MyEclipse6.0.1+Flex3插件版,jdk1.6,tomcat6.0,dom4j1.6.1,lcds.war, 使用技术:1.Java+flex,及其对象的转换。 2.Java方面,使用dom4j对xml进行操作,包括节点的读取,添加,修改,删除。 3.Flex方面...

    J2EE项目整合FLEX项目

    J2EE项目整合FLEX项目,我用的环境是MyEclipse6.0+JDK5.0+Tomcat5.5+ Flex3.0 Builder For Eclipse Plugin+LCDS

    Flex与Java整合

    1、 MyEclipse+Flex 插件(官网下载)2、 Tomcat6.0作为服务器(官网下载)3、 用 BlazeDS(免费)代替 LCDS(收费) :没钱啊,只能先使用免费的了。从 Adobe官方网站上下载下来,将 blazeds.war、ds-console.war、...

    flex 实例,挺不错的哦

    环境和工具: ... MyEclipse6.5和FlexBuilder3 beta2 插件版 Tomcat 6.0 lcds251(全称为:Flex Data Service 下载地址:http://www.adobe.com/cfusion/tdrc/index.cfm?product=flex) Windows XP SP2

    Flex如何连接数据库,通信的详细的教程

    很详细的一步连接数据库的flex教程,还有编程过程中遇到的一些问题和解决方法,是flex初学者走向一大步的教程

Global site tag (gtag.js) - Google Analytics