Flex+java开发环境配置

Flex+java开发环境配置

分类： Flex 2010-03-29 23:28 2252人阅读 评论(19) 收藏 举报
flexjavatomcatmyeclipsemysqlhttp服务器

目录(?)[+]

     最近在做个项目。前端是用flex来写，后台用java，数据库就用mysql。定了以后开始配环境。网上这方面的资料很多都是不负责任的，照着来的话也会有不少的问题，把自己的配置方法写下来，希望需要的人能用得上。

 需要下载的软件

  1. Myeclipse：这个就不多说了，开发Java要用，这里对版本没要求，我用的是8.0版本的。
  2. Tomcat6.0：http服务器。
  3. Flex builder3.0：flex的IDE，现在有4.0版本了，还是觉得3.0顺手一点，下载地址在迅雷上就找得到，破解也容易找。我没用插件版的，用的是独立的IDE。
  4. Mysql5.0：相当喜欢的数据库
  5. Mysql GUI tools：Mysql的图形化管理软件，要先装Mysql后再装这个。
  6. blazeds：这个是要配置到tomcat上的，目的是让tomcat支持远程调用java。大多数教程都使用FDS（这个很老了），进化版本 是LCDS。用LCDS2.5的教程也很多，它支持动态编译mxml文件，但是只能编译AS2，现在已经是AS3了，所以有些AS3的语法会不认，编译的 时候会报错。要用LCDS的话，就用高于2.5的版本。但是2.5以上的版本不支持动态编译，所以要在flex建工程的时候设置。blazeds的使用方 式跟LCDS一样，但是这个是免费的。个人推荐使用blazeds。这里可以下载：http://opensource.adobe.com/wiki/display/blazeds/Release+Builds
  7. jotm：这个也是要配置到tomcat上的，给tomcat增加事物管理功能。
  8. mysql-connector-java.jar：连数据库少不了这个。

 开始安装

    上面这一坨软件里面Myeclipse，Tomcat，Flex builder，Mysql，Mysql gui tools，正常安装。我安装的路径是：

  1. MyEclipse：E:/IDE/Myeclipse。
  2. Tomcat：E:/Server/Tomcat 6.0。下文会使用“[tomcat-home]”来代替这长长的目录路径。
  3. Flex builder：E:/IDE/FB3.
  4. Mysql：E:/Database/MySQL/MySQL。
  5. Mysql gui tools：E:/Database/MySQL/GUI。

     继续，把jotm解压，解压后lib文件夹里面的jar文件拷贝到 [Tomcat_Home]/lib 里面，mysql-connector-java.jar也一样拷进来。blazeds解压后，我们只要blazeds.war这个文件，把它拷贝到 [Tomcat_Home]/webapps 目录下。重新启动tomcat，这时候会在webapps文件夹下生成blazeds文件夹。这样整个软件安装就完成了。

创建工程的方法

    先写一个java程序，名字为HelloWorld.java，代码如下：

    

[c-sharp] view plaincopyprint?
  1. package Tree;  
  2.   
  3. public class HelloWorld  
  4. {      
  5.      public HelloWorld(){}      
  6.            
  7.      public String getHelloWorld()   
  8.      {      
  9.       return "Hello World!";      
  10.      }      
  11. }   
 

  编译这个文件，生成HelloWorld.class，把这个文件拷贝到：[tomcat-home]/webapps/blazeds/WEB-INF/classes/Tree。

  创建flex工程的步骤是：

 

    1.   打开flex builder，file-->新建-->flex project，设置如图：

 下一步

  2.  下一步：注意上面三项，root folder指向的是 [Tomcat-home]/webapps/blazeds，后两个跟图设置一致。设置完成后启动tomcat点击Validate Configuration按钮，设置正确的话会成功。

建工程第一步

  3.   flex文件的代码是：

  

[c-sharp] view plaincopyprint?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">  
  3.     <mx:Script>      
  4.         <![CDATA[      
  5.                  
  6.             import mx.rpc.events.FaultEvent;      
  7.             import mx.controls.Alert;      
  8.             import mx.rpc.events.ResultEvent;      
  9.                  
  10.             private function resultHandler(event:ResultEvent):void      
  11.             {      
  12.                 // 显示收到的 "Hello World!" 数据      
  13.                 Alert.show(event.result.toString(), "提示");      
  14.             }      
  15.                  
  16.             private function faultHandler(event:FaultEvent):void      
  17.             {      
  18.                 Alert.show(event.fault.toString(), "提示");      
  19.             }      
  20.                  
  21.         ]]>      
  22.     </mx:Script>      
  23.          
  24.     <mx:RemoteObject id="remoteObject" destination="helloWorld" source="Tree.HelloWorld"      
  25.         result="resultHandler(event)" fault="faultHandler(event)"/>      
  26.          
  27.     <mx:Button label="发送" click="remoteObject.getHelloWorld()"/>    
  28. </mx:Application>  

  4.  还没有结束，要设置[Tomcat-home]/webapps/blazeds/web-inf/flex/remoting-config.xml，吧下面的代码添加到xml根节点下：

  

[xhtml] view plaincopyprint?
  1. <destination id="helloWorld">   
  2.     <properties>   
  3.         <source>Tree.HelloWorld</source>   
  4.     </properties>   
  5. </destination>  
 

  注意这里的id就是mxml代码里面RemoteObject对象的destination属性。source指向的就是我们拷贝到web-inf/classes里面编译后的class文件。

  完成，重启tomcat。在flex builder里面点运行，看到Hello world，成功！

posted @ 2013-06-06 13:59  顶顶顶顶  阅读(230)  评论(0)    收藏  举报