本文和大家重点讨论一下Java+Flex开发环境配置,主要包括软件的下载,安装,调试等内容,相信通过本文的介绍你对Java+Flex开发环境配置有明确的认识。
Java+Flex开发环境配置
最近在做个项目。前端是用Flex来写,后台用java,数据库就用mysql。定了以后开始配环境。网上这方面的资料很多都是不负责任的,照着来的话也会有不少的问题,把自己的配置方法写下来,希望需要的人能用得上。
Java+Flex开发环境配置需要下载的软件
◆Myeclipse:这个就不多说了,开发Java要用,这里对版本没要求,我用的是8.0版本的。
◆Tomcat6.0:http服务器。
◆Flexbuilder3.0:Flex的IDE,现在有4.0版本了,还是觉得3.0顺手一点,下载地址在迅雷上就找得到,破解也容易找。我没用插件版的,用的是独立的IDE。
◆Mysql5.0:相当喜欢的数据库
◆MysqlGUItools:Mysql的图形化管理软件,要先装Mysql后再装这个。
◆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
◆jotm:这个也是要配置到tomcat上的,给tomcat增加事物管理功能。
◆mysql-connector-java.jar:连数据库少不了这个。#p#
开始安装
上面这一坨软件里面Myeclipse,Tomcat,Flexbuilder,Mysql,Mysqlguitools,正常安装。我安装的路径是:
1.MyEclipse:E:\IDE\Myeclipse。
2.Tomcat:E:\Server\Tomcat6.0。下文会使用“[tomcat-home]”来代替这长长的目录路径。
3.Flexbuilder:E:\IDE\FB3.
4.Mysql:E:\Database\MySQL\MySQL。
5.Mysqlguitools: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,代码如下:
- viewplaincopytoclipboardprint?
- packageTree;
- publicclassHelloWorld
- {
- publicHelloWorld(){}
- publicStringgetHelloWorld()
- {
- return"HelloWorld!";
- }
- }
- packageTree;
- publicclassHelloWorld
- {
- publicHelloWorld(){}
- publicStringgetHelloWorld()
- {
- return"HelloWorld!";
- }
- }
编译这个文件,生成HelloWorld.class,把这个文件拷贝到:[tomcat-home]\webapps\blazeds\WEB-INF\classes\Tree。Flex开发环境配置配置完成后需要调试一下。#p#
创建Flex工程的步骤是:
1.打开Flexbuilder,file-->新建-->Flexproject,设置如图:
2.下一步:注意上面三项,rootfolder指向的是[Tomcat-home]\webapps\blazeds,后两个跟图设置一致。设置完成后启动tomcat点击ValidateConfiguration按钮,设置正确的话会成功。
3.Flex文件的代码是:
- viewplaincopytoclipboardprint?
- <?xmlversionxmlversion="1.0"encoding="utf-8"?>
- <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute">
- <mx:Script>
- <![CDATA[
- importmx.rpc.events.FaultEvent;
- importmx.controls.Alert;
- importmx.rpc.events.ResultEvent;
- privatefunctionresultHandler(event:ResultEvent):void
- {
- //显示收到的"HelloWorld!"数据
- Alert.show(event.result.toString(),"提示");
- }
- privatefunctionfaultHandler(event:FaultEvent):void
- {
- Alert.show(event.fault.toString(),"提示");
- }
- ]]>
- </mx:Script>
- <mx:RemoteObjectidmx:RemoteObjectid="remoteObject"destination="helloWorld"source="Tree.HelloWorld"
- result="resultHandler(event)"fault="faultHandler(event)"/>
- <mx:Buttonlabelmx:Buttonlabel="发送"click="remoteObject.getHelloWorld()"/>
- </mx:Application>
- <?xmlversionxmlversion="1.0"encoding="utf-8"?>
- <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute">
- <mx:Script>
- <![CDATA[
- importmx.rpc.events.FaultEvent;
- importmx.controls.Alert;
- importmx.rpc.events.ResultEvent;
- privatefunctionresultHandler(event:ResultEvent):void
- {
- //显示收到的"HelloWorld!"数据
- Alert.show(event.result.toString(),"提示");
- }
- privatefunctionfaultHandler(event:FaultEvent):void
- {
- Alert.show(event.fault.toString(),"提示");
- }
- ]]>
- </mx:Script>
- <mx:RemoteObjectidmx:RemoteObjectid="remoteObject"destination="helloWorld"source="Tree.HelloWorld"
- result="resultHandler(event)"fault="faultHandler(event)"/>
- <mx:Buttonlabelmx:Buttonlabel="发送"click="remoteObject.getHelloWorld()"/>
- </mx:Application>
4.还没有结束,要设置[Tomcat-home]\webapps\blazeds\web-inf\Flex\remoting-config.xml,吧下面的代码添加到xml根节点下:
- viewplaincopytoclipboardprint?
- <destinationiddestinationid="helloWorld">
- <properties>
- <source>Tree.HelloWorld</source>
- </properties>
- </destination>
- <destinationiddestinationid="helloWorld">
- <properties>
- <source>Tree.HelloWorld</source>
- </properties>
- </destination>
注意这里的id就是mxml代码里面RemoteObject对象的destination属性。source指向的就是我们拷贝到web-inf/classes里面编译后的class文件。
完成,重启tomcat。在Flexbuilder里面点运行,看到Helloworld,成功!
【编辑推荐】
- Fle七大步骤实现Flex配置
- 配置Flex国际化的简明步骤
- Flex及FlexBuilder2.0开发环境详解
- FlexBuilder3.0与Eclipse3.4的完美结合
- Flex内存泄露解决方法和内存释放优化原则