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 + tomcat + myEclipse环境 lcds的配置与使用.doc”文档,按照步骤配置LCDs。这通常涉及导入相关库到Tomcat,以及在MyEclipse中配置服务器连接。 7. **安装MySQL**:下载MySQL安装包,完成安装后创建一个...
这个环境主要用于开发和部署使用Flex前端与Java后端交互的应用程序,特别是通过LCDS(LiveCycle Data Services)进行数据服务的集成。 首先,让我们了解每个组件的核心功能: 1. **MyEclipse 6.5**:这是一个强大...
myEclipse作为一个强大的Java EE集成开发环境,支持Flex的开发,通过特定的配置步骤,可以在myEclipse中实现Flex、J2EE和Lcds的整合。 **一、Flex插件安装** 1. 首先,确保已安装myEclipse 6.0。下载并安装Flex...
### Flex与Java整合详解:LCDS与BlazeDS配置实践 #### 一、引言 随着Web技术的发展,客户端和服务器端之间的交互变得越来越重要。Flex作为一种强大的RIA(Rich Internet Applications)开发工具,与Java这样的...
Flex 使用MXML和ActionScript作为主要编程语言,与后端数据服务进行交互。 LCDS,全称 LiveCycle Data Services,以前被称为 Flex Data Service,是Adobe提供的一个Java后端数据服务解决方案。LCDS 支持Java应用...
接着,选择"Create combined Java/Flex project using WTP",指定Java源代码的存放目录,例如"java_src",并设置目标运行时环境和内容根目录,这些设置与最终部署到Tomcat服务器上的项目路径相对应。 在配置过程中...
### FLEX+JAVA+LCDS完全配置知识点梳理 ...此外,通过实际案例的学习,还可以进一步掌握如何高效地整合Flex与Java项目,以及如何利用LCDS进行数据服务配置。这对于提高开发效率和优化应用程序性能都具有重要意义。
搭建Flex + J2EE开发环境是一项关键任务,特别是在使用MyEclipse这样的集成开发环境中。以下是一份详尽的步骤指南,以确保您成功地配置这个环境。 首先,我们需要安装MyEclipse的Flex插件。这将使MyEclipse支持Flex...
总结来说,本教程的目标是让初学者理解如何在Eclipse环境中搭建Flex+LCDS+Java的开发环境,创建和配置Flex LCDS项目,以及如何通过RemoteObject进行通信。通过学习和实践,你可以快速掌握Flex与Java集成的基础,为更...
### Flex + LCDS + Java 入门教程精要解析 #### 一、核心概念解析 **1. Flex是什么?** ...这为初学者提供了从理论到实践的全面指导,有助于快速上手并探索Flex与LCDS在Java后端环境下的强大潜力。
- **目标运行时**:虽然“Target runtime”的具体配置可能不是必需的,但在设置时仍需指定一个有效的Tomcat运行时环境,以确保项目的正确运行。 - **内容文件夹**:最终编译后的容器目录对于项目的部署至关重要。...
### Flex+LCDS+Java 入门教程知识点详解 #### 一、引言 本教程旨在帮助初学者了解如何创建Flex与LCDS相结合的工程项目,并通过整合和部署J2EE项目与LCDS项目来实现简单功能。教程通过图文并茂的方式,详细介绍了...