`
mysavvy
  • 浏览: 5854 次
  • 性别: Icon_minigender_1
  • 来自: 南京
最近访客 更多访客>>
社区版块
存档分类
最新评论

Flex与Web工程的合并

阅读更多
开发工具:需要JDK1.5以上,eclipse3.3 tomcat5.0还需要flex的eclipse的插件
[Flex.Builder.3.Eclipse插件版].FB3_WWEJ_Plugin.exe;
安装插件有点麻烦,我还是在这里说一下免得大家又到网上找了,
1.点击安装插件进行安装;安装需要设置俩个路径,第一个是FB3插件的地址,第二个是eclipse的安装路径;安装完插件后,启动Eclipse是看不到Flex的。
还需要手动的复制一些文件才行;
有三步就能完成:
第一步:
将安装的插件地址com.adobe.flexbuilder.update.site 目录下的plugins文件、features文件和site.xml文件复制到你的eclipse的安装目录下覆盖先前的文件;
第二步:
将插件地址eclipse目录下plugins 和features文件复制到你的eclipse安装目录下覆盖先前的文件;
第三步:
将插件目录下的sdks文件复制到eclipse的安装目录下就行了。。
建工程前先设置一下:选择window-preferences-Flex-Intalled Flex SDKs 把Flex3.2勾选上就行了
还需安装Lcds,lcds主要完成Flex与Java交流的映射。
现在启动Eclipse就开以建Flex工程了。
File-new-project选择Flex Project-next
probject name 就是你工程的名字
Application type 选择Web application
Application server type 选择J2EE
Next
target runtime 选择你的服务器
context root 工程发布的根目录也就是你的工程名;
content folder 选择WebRoot就行它是你的容器;
Flex WAR file 就是你安装lcds的里的lcds.war包;
Compilation options 是Flex的编译工具,选则Flex Builder做为编译工具,
output folder 是Flex编译后输出的目录;设置为WebRoot-bin
Next
main source folder 是Flex源文件的目录,使用默认的就好;
main appliction file 使用默认的就行;
Output folder URL 是测试路径;
finish;
FB项目就建好了;
然后加入Web
选中项目名称右击-MyEclipse-Add Xfire Web project;
好,Flex和Web就完成了。
开始做一个简单的数据交付:
先写一个java类:
package com.test;

public class HelloWorld
{
      public String sayHello(String str)
      {
            return "你提交的数据是:" + str;
       }
}

修改WEB-INF/flex/下的remoting-config.xml文件:
修改如下:
<?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>

<destination id="youhello">
<properties>
<source>com.test.HelloWorld</source>
<scope>application</scope>
  </properties>
</destination>
</service>

建一个mxml文件,Hello.mxml
文件内容如下:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 0.7]" backgroundGradientColors="[#40F138, #0B305D]">

<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.rpc.events.ResultEvent;

public function hello(str:String):void
{
    savvy.sayHello(str);
    savvy.addEventListener(ResultEvent.RESULT,getResult);
}

public function getResult(e:ResultEvent):void
{
Alert.show(e.result.toString);
}

</mx:Script>
<mx:RemoteObject id="savvy" destination="youhello"/>
<mx:Button label="提交" click="hello('usernaem')" />
</mx:Application>
列子中的destination的值需要与remoting-config.xml配置文件中的
destination 标签的id值是必须相等的;
简单的小列子就完成了。
1
0
分享到:
评论

相关推荐

    Flex:Web报表引擎——MyReport 2.3.6.0 + 免Flex开发集成版

    Flex:Web报表引擎——MyReport 2.3.6.0 + 免Flex开发集成版 release 2.3.6.0 --新增功能:报表编辑器支持打开/报表本地文件功能 --新增功能:单元格垂直合并 --新增功能:报表编辑器,标题行支持单个和多个单元格...

    java_flex合并

    - 首先,我们需要在MyEclipse8.5中创建一个新的Web工程,命名为`javaflex`,并在其中创建一个名为`src_java`的源文件夹,以区分Java和Flex的源代码。 2. **导入BlazeDS** - 在WebRoot目录下,通过Import菜单导入...

    BlazeDS 整合 Flex HelloWorld 示例

    - 将blazeds.war的web.xml配置合并到工程的web.xml。 - 部署工程,检查是否成功。 - 编写一个简单的Java类`HelloWorld`,包含sayHello方法,用于远程调用。 5. **Flex客户端程序创建**: - 使用Flash Builder 4...

    flex(eclipse)开发配置手册

    1. 首先创建一个Web工程,然后手动添加Flex所需的元素,包括将BlazeDS的jar文件添加到工程的lib目录。 在所有这些配置中,BlazeDS扮演着关键角色,它允许Flex客户端与Java服务器端之间通过AMF(Action Message ...

    Flex + LCDS(Blazeds) + Java 入门教程

    Flex是一种用于创建富互联网应用程序(RIA)的前端框架,它允许开发者构建具有交互性和动态用户体验的Web应用。LCDS则是Adobe提供的后端数据服务,能够将Java对象映射到Flex对象,提供实时消息传递协议(RTMP)以及...

    Flex + LCDS + Java 入门教程.doc

    例如,选择“Combined”选项可以简化流程,将Java和Flex代码放在同一工程中,避免了后期手动合并Java编译后的class文件至Flex项目的问题。 **2. 配置与部署:** 配置选项中,目标运行时环境(如Tomcat)的指定对于...

    2011二月百度web前端笔试面试题目(一面二面).pdf

    面试中,可能会被问及对Web客户端技术未来趋势的看法,如JavaScript+Ajax形成的Rich Internet Applications(RIA),以及Flash、AS3、Flex、Silverlight等技术的角色。此外,面试官还可能考察团队协作经验、问题解决...

    Blazeds入门教程.doc

    - 在项目向导中,可以选择是否将Java源代码与Flex项目合并。 - 如果选择“Combined”,则Java源代码和Flex代码将在同一个项目中管理,简化了后期的部署工作。 - 如果不选择“Combined”,则需要额外管理Java源...

    转正工作总结

    Flex提供了图形组件库,使得开发者可以轻松构建具有交互性和动态性的Web界面。在Flex项目经验总结中,可能会涵盖如何利用Flex进行界面设计、数据绑定、事件处理等方面的知识,这些都是Flex开发中的基础技能。 在...

    little_duck_compiler:FlexBison和Jison中的小鸭子编译器

    《构建小鸭子编译器:FlexBison与Jison的应用》 在IT行业中,编译器设计是一项复杂而关键的任务,它涉及到计算机语言的解析、转换和优化等多个环节。"little_duck_compiler"项目正是这样一个专注于编译器构建的实践...

    前端工程师面试题手册.pdf

    Web性能优化可以采用合并文件、压缩资源、利用缓存等方法。浏览器缓存机制通过HTTP头部控制,包括`Cache-Control`、`Expires`等。 #### CSS3中的新特性 CSS3包括了很多新特性,如圆角(border-radius)、阴影(box-...

    前端笔试面试题目总结.docx编程资料

    - **属性值**:`display` 包括 `block`、`inline`、`flex` 等;`position` 包括 `static`、`relative`、`absolute`、`fixed` 等。 - **选择器**:ID 选择器(`#id`)、类选择器(`.class`)、元素选择器(`element`...

    兑吧(33问).pdf

    本篇文档是一份前端面试题集合,包含了一系列前端开发者在面试过程中可能遇到的问题,覆盖了前端开发的多个方面,例如前端性能优化、状态管理、前端工程化、CSS、JavaScript、网络请求、安全性、兼容性等知识点。...

    mymn:Töggeli 应用程序

    7. **性能优化**:减少CSS选择器的复杂度、合并重复样式、利用CSS预处理器(如Sass或Less)以及使用CSS Tree Shakeable特性都是提高应用加载速度和运行效率的方法。 8. **CSS-in-JS**:现代前端框架如React或Vue.js...

Global site tag (gtag.js) - Google Analytics