`
ioryioryzhan
  • 浏览: 154651 次
  • 性别: 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.调用的方法与服务器提拱的方法也要相同

分享到:
评论

相关推荐

    flex+myeclipse+tomcat+mysql环境搭配

    阅读“flex + tomcat + myEclipse环境 lcds的配置与使用.doc”文档,按照步骤配置LCDs。这通常涉及导入相关库到Tomcat,以及在MyEclipse中配置服务器连接。 7. **安装MySQL**:下载MySQL安装包,完成安装后创建一个...

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

    这个环境主要用于开发和部署使用Flex前端与Java后端交互的应用程序,特别是通过LCDS(LiveCycle Data Services)进行数据服务的集成。 首先,让我们了解每个组件的核心功能: 1. **MyEclipse 6.5**:这是一个强大...

    Flex+J2EE+Lcds在myEclipse中的配置.doc

    myEclipse作为一个强大的Java EE集成开发环境,支持Flex的开发,通过特定的配置步骤,可以在myEclipse中实现Flex、J2EE和Lcds的整合。 **一、Flex插件安装** 1. 首先,确保已安装myEclipse 6.0。下载并安装Flex...

    flex+java的整合,包含LCDS和BlazeDS等算中方式

    ### Flex与Java整合详解:LCDS与BlazeDS配置实践 #### 一、引言 随着Web技术的发展,客户端和服务器端之间的交互变得越来越重要。Flex作为一种强大的RIA(Rich Internet Applications)开发工具,与Java这样的...

    Flex + LCDS + Java

    Flex 使用MXML和ActionScript作为主要编程语言,与后端数据服务进行交互。 LCDS,全称 LiveCycle Data Services,以前被称为 Flex Data Service,是Adobe提供的一个Java后端数据服务解决方案。LCDS 支持Java应用...

    flex+Spring+Hibernate整合配置详解

    接着,选择"Create combined Java/Flex project using WTP",指定Java源代码的存放目录,例如"java_src",并设置目标运行时环境和内容根目录,这些设置与最终部署到Tomcat服务器上的项目路径相对应。 在配置过程中...

    FLEX+JAVA+LCDS完全配置

    ### FLEX+JAVA+LCDS完全配置知识点梳理 ...此外,通过实际案例的学习,还可以进一步掌握如何高效地整合Flex与Java项目,以及如何利用LCDS进行数据服务配置。这对于提高开发效率和优化应用程序性能都具有重要意义。

    用MyEclipse搭建flex+j2ee开发环境

    搭建Flex + J2EE开发环境是一项关键任务,特别是在使用MyEclipse这样的集成开发环境中。以下是一份详尽的步骤指南,以确保您成功地配置这个环境。 首先,我们需要安装MyEclipse的Flex插件。这将使MyEclipse支持Flex...

    Flex + LCDS + Java 利用Eclipse Plugin开发Flex入门教程

    总结来说,本教程的目标是让初学者理解如何在Eclipse环境中搭建Flex+LCDS+Java的开发环境,创建和配置Flex LCDS项目,以及如何通过RemoteObject进行通信。通过学习和实践,你可以快速掌握Flex与Java集成的基础,为更...

    Flex + LCDS + Java 入门教程.doc

    ### Flex + LCDS + Java 入门教程精要解析 #### 一、核心概念解析 **1. Flex是什么?** ...这为初学者提供了从理论到实践的全面指导,有助于快速上手并探索Flex与LCDS在Java后端环境下的强大潜力。

    Flex + LCDS + Java 入门教程.pdf

    - **目标运行时**:虽然“Target runtime”的具体配置可能不是必需的,但在设置时仍需指定一个有效的Tomcat运行时环境,以确保项目的正确运行。 - **内容文件夹**:最终编译后的容器目录对于项目的部署至关重要。...

    Flex+LCDS+Java入门教程

    ### Flex+LCDS+Java 入门教程知识点详解 #### 一、引言 本教程旨在帮助初学者了解如何创建Flex与LCDS相结合的工程项目,并通过整合和部署J2EE项目与LCDS项目来实现简单功能。教程通过图文并茂的方式,详细介绍了...

Global site tag (gtag.js) - Google Analytics