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

跟我StepByStep学FLEX教程------Flex+LCDS(BlazeDS)+Java开发

    博客分类:
  • FLEX
阅读更多

跟我StepByStep学FLEX教程------Flex+LCDS(BlazeDS)+Java开发环境配置

 

说明:该文系作者原创,请勿商用或者用于论文发表,转载必须经作者同意并且注明出处。

 

      这一讲每一步图解大家都要认真看,呵呵。

      需要的工具上一讲都说了,大家在官方网站都可以下载到。

      其实上上讲的下载Turnkey版本中,有自带的Demo和Getting Started and other Tips for BlazeDS articl官方文章都是读者学习非常好的文档。

 

      启动安装Flex插件的myeclipse。

      1、新建Flex project;


     2、这一步,就是需要注意create combined Java/Flex prject using WTP这一项一定要勾上,Java Source Folder就是Java业务代码存放的根目录,默认用src即可,无须改动。这样就将Java和FlexLCDS代码放在一起了。
 

 

      3、这一步很重要的。Targe runtime其实可以不选,但是不选不能到下一步。如果没有,就需要New一个,参考下边页面。

           Context folder就是最终编译的容器目录。

           Flex WAR file就是选择BlazeDS的blazeds.war(下载的BlazeDS Turnkey包中有,这个包中还有Demo,大家可以研究一下,包括自带的Tomcat),如果是LCDS,就是flex.war的路径。

           Output folder是Flex编译后swf和html文件的目录,按照常规,最好加个bin路径:)



 


      4、Main source folder是放Flex源码存放目录,呵呵,自然和Java分开了哦。

           Output folder URL是开发过程中运行和请求的路径,端口默认是8080(可以自己改,记得要改部署的应用服务器配置文件)。
 

 

       到这一步,可以Finish了,但是这里的配置并不能全部保存正确,所以下边部署完后的一些步骤非常重要,否则Flex无法通过LCDS(BlazeDS)和JAVA通信。

      5、生成的代码结构如下(生成了很多默认的配置文件,这就是其便捷之处,很方便开发):



      6、发布成J2EE项目,这样就可以和Spring、Hibernate等等集成了;



 

 

       下边这一步一定不要着急哦,一定要去掉Create web.xml的勾,这样就不会覆盖LCDS(BlazeDS)创建的web.xml文件。

       图标变成J2EE得了,不是Fx的标志了



 
        7、部署到Tomcat,呵呵,用myeclipse很方便吧


       点击finished。则会开始部署,成功后,Deployment status会提示Success,并且看到列表中的项目已经成功部署。
 

 

 

        8、还记得上边的配置没有完全保存,所以要进行一些修改了,第一个就是修改Output folder Url

        项目属性,点击Flex Build Path,如下界面



      Output folder这样每次发布都会自动将编译的最终swf放到WebRoot\bin目录下。

      Output folder URL后边加上bin,在我们发布和请求时,直接请求这个路径。

      运行Application,如下图:



      如果出现以下界面,则说明配置正确:


       9、这一步修改非常之重要,否则Flex和Java通过LCDS(BlazeDS)就无法正常通信了。

       Root URL就是web服务器的根路径。端口可以自己改动。

       Context root是LCDS(BlazeDS)工程的名称,因为Flex和Java是一个工程,所以这儿也就是新建的Flex Project工程名称。如果J2EE和Flex是两个项目,那么这个是J2EE项目的名称而不是Flex项目的名称,一定要注意哦。

       Flex请求LCDS(BlazeDS)时,需要使用Context root这个参数。

       格式:http://{server.name}:{server.port}/{context.root}/messagebroke/amf

       所以说这一步的配置非常重要了,特别是context root这一项。

 
       哈哈,可以开发了,下一讲就通过RemoteObject方式在这个基础上做一个很简单的Demo,快来体验吧。

  • 大小: 42.9 KB
  • 大小: 56.5 KB
  • 大小: 51.6 KB
  • 大小: 33.9 KB
  • 大小: 44.7 KB
  • 大小: 11.3 KB
  • 大小: 64.2 KB
  • 大小: 33.5 KB
  • 大小: 13 KB
  • 大小: 66.8 KB
  • 大小: 3.4 KB
  • 大小: 34.5 KB
  • 大小: 18.6 KB
  • 大小: 51.1 KB
  • 大小: 62.5 KB
分享到:
评论
7 楼 ♫.咗掱笾.↘de.幸福 2011-11-05  
有没有在Eclipse内创建的啊...
6 楼 macrotea 2011-05-14  
人才啊 
5 楼 chenjiongxu 2010-07-15  
楼主,能不能留个联系方式啊。QQ
我有很多问题想请教呢
4 楼 lichuhui 2009-11-19  
发现我的MyEclipse 7.5下,Flex服务器配置的界面跟楼主最后一张图中的不一样,并且文本框是Disabled的,不能配置
3 楼 QQ87465335 2009-11-10  
我在flex server那里出现在错误,Cannot access the web server. The server may not be running, or the web root folder or root URL may be invalid.
2 楼 weightman2008 2009-11-04  
对不起,是我马虎了,flex server那里设定错了。
非常喜欢你的教程,对我这个菜鸟来说也简单易懂,谢谢了。
1 楼 weightman2008 2009-11-04  
请问,demo11我拷贝到开发环境里执行,为什么报如下错误?
[RPC Fault faultString="Send failed" faultCode="Client.Error.MessageSend" faultDetail="Channel.Connect.Failed error NetConnection.Call.Failed: HTTP: Status 400: url: 'http://localhost:8080/WebRoot/messagebroker/amf'"]

webroot的编译路径下面也没有生成messagebroker的文件夹,debug环境下,进入了RemoteObject.as的dispatchEvent方法的如下逻辑:
else if (event is FaultEvent)
    
          throw FaultEvent(event).fault;
     }

相关推荐

    跟我StepByStep学FLEX教程------王一松

    Flex+LCDS(BlazeDS)+Java开发 - **整体架构**:提供一个整体的架构图,帮助理解各个组件之间的关系。 - **开发流程**:详细介绍从设计到部署的整个开发流程。 #### 23. Demo11:HelloJavaFlex - **示例项目**:...

    跟我StepByStep学FLEX教程-王一松.pdf

    12. Flex与Java通信:为了实现Flex前端与Java后端的交互,通常使用BlazeDS或LCDS(LiveCycle Data Services)来传输数据。BlazeDS是开源的,而LCDS是Adobe提供的一个商业产品。 13. Cairngorm框架:Cairngorm是一个...

    跟我StepByStep学FLEX教程.pdf

    跟我StepByStep学FLEX教程.pdf 跟我StepByStep学FLEX教程.pdf 跟我StepByStep学FLEX教程.pdf 跟我StepByStep学FLEX教程.pdf 跟我StepByStep学FLEX教程.pdf

    跟我StepByStep学FLEX教程 flex教程

    Flex教程详解:逐步掌握动态富互联网应用开发 Flex是由Adobe公司推出的一种用于构建富互联网应用程序(RIA)的技术,它基于ActionScript编程语言和MXML标记语言。本教程旨在引导学习者一步步深入理解Flex,帮助他们...

    跟我StepByStep学FLEX

    根据给定的信息,我们可以将《跟我StepByStep学FLEX》这本教程的主要知识点概括如下: ### FLEX基础 #### 概述 - **FLEX介绍**:FLEX是一种用于构建跨平台桌面应用程序和移动设备应用程序的技术。它结合了HTML、...

    StepByStep学FLEX教程.pdf

    - **BlazeDS**:详细介绍如何配置BlazeDS作为中间件来实现Flex与Java之间的通信。 - **远程对象(RemoteObject)**:讲解了如何使用RemoteObject组件进行远程调用,并展示了具体的代码示例。 - **AMF**:AMF(Adobe ...

    flex-超好的flex学习资料

    书中通过多个章节,如《Flex和Java通信之BlazeDS》、《Flex+LCDS(BlazeDS)+Java开发》,系统地介绍了Flex与Java之间的数据交换方式,包括AMF协议、RemoteObject的使用,以及如何通过BlazeDS等中间件实现Flex与Java...

    FLEX教程码源集合

    2. **跟我StepByStep学FLEX教程------王一松.pdf**:这是一本面向初学者的教程,由王一松编著。通过逐步的教学方式,讲解了Flex的基础知识,包括环境搭建、界面设计、事件处理、数据绑定等内容。适合没有FLEX背景的...

    安装算量(实例体验)入门教程(StepByStep)---消防报警篇(2)知识.pdf

    《安装算量(实例体验)入门教程(StepByStep)---消防报警篇(2)》是一份关于建筑电气安装算量的详细指南,主要讲解了消防报警系统的布线与识别布置过程,以及工程图的分层管理。以下是教程中涉及的关键知识点: 1. **...

    安装算量(实例体验)入门教程(StepByStep)---消防水篇借鉴.pdf

    《安装算量(实例体验)入门教程(StepByStep)---消防水篇借鉴》 本文主要介绍了使用金格软件进行安装工程量计算的入门教程,特别是针对消防水系统的计算。教程分为七个章节,旨在帮助初学者逐步理解并掌握专业安装算...

Global site tag (gtag.js) - Google Analytics