Java+Flex開發(fā)環(huán)境配置步驟
本文和大家重點討論一下Java+Flex開發(fā)環(huán)境配置,主要包括軟件的下載,安裝,調(diào)試等內(nèi)容,相信通過本文的介紹你對Java+Flex開發(fā)環(huán)境配置有明確的認識。
Java+Flex開發(fā)環(huán)境配置
最近在做個項目。前端是用Flex來寫,后臺用java,數(shù)據(jù)庫就用mysql。定了以后開始配環(huán)境。網(wǎng)上這方面的資料很多都是不負責任的,照著來的話也會有不少的問題,把自己的配置方法寫下來,希望需要的人能用得上。
Java+Flex開發(fā)環(huán)境配置需要下載的軟件
◆Myeclipse:這個就不多說了,開發(fā)Java要用,這里對版本沒要求,我用的是8.0版本的。
◆Tomcat6.0:http服務(wù)器。
◆Flexbuilder3.0:Flex的IDE,現(xiàn)在有4.0版本了,還是覺得3.0順手一點,下載地址在迅雷上就找得到,破解也容易找。我沒用插件版的,用的是獨立的IDE。
◆Mysql5.0:相當喜歡的數(shù)據(jù)庫
◆MysqlGUItools:Mysql的圖形化管理軟件,要先裝Mysql后再裝這個。
◆blazeds:這個是要配置到tomcat上的,目的是讓tomcat支持遠程調(diào)用java。大多數(shù)教程都使用FDS(這個很老了),進化版本是LCDS。用LCDS2.5的教程也很多,它支持動態(tài)編譯mxml文件,但是只能編譯AS2,現(xiàn)在已經(jīng)是AS3了,所以有些AS3的語法會不認,編譯的時候會報錯。要用LCDS的話,就用高于2.5的版本。但是2.5以上的版本不支持動態(tài)編譯,所以要在Flex建工程的時候設(shè)置。blazeds的使◆用方式跟LCDS一樣,但是這個是免費的。個人推薦使用blazeds。這里可以下載:http://opensource.adobe.com/wiki/display/blazeds/Release+Builds
◆jotm:這個也是要配置到tomcat上的,給tomcat增加事物管理功能。
◆mysql-connector-java.jar:連數(shù)據(jù)庫少不了這個。#p#
開始安裝
上面這一坨軟件里面Myeclipse,Tomcat,F(xiàn)lexbuilder,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。
繼續(xù),把jotm解壓,解壓后lib文件夾里面的jar文件拷貝到[Tomcat_Home]\lib里面,mysql-connector-java.jar也一樣拷進來。blazeds解壓后,我們只要blazeds.war這個文件,把它拷貝到[Tomcat_Home]\webapps目錄下。重新啟動tomcat,這時候會在webapps文件夾下生成blazeds文件夾。這樣整個軟件安裝就完成了。
創(chuàng)建工程的方法
先寫一個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開發(fā)環(huán)境配置配置完成后需要調(diào)試一下。#p#
創(chuàng)建Flex工程的步驟是:
1.打開Flexbuilder,file-->新建-->Flexproject,設(shè)置如圖:
2.下一步:注意上面三項,rootfolder指向的是[Tomcat-home]\webapps\blazeds,后兩個跟圖設(shè)置一致。設(shè)置完成后啟動tomcat點擊ValidateConfiguration按鈕,設(shè)置正確的話會成功。
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!"數(shù)據(jù)
- 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="發(fā)送"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!"數(shù)據(jù)
- 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="發(fā)送"click="remoteObject.getHelloWorld()"/>
- </mx:Application>
4.還沒有結(jié)束,要設(shè)置[Tomcat-home]\webapps\blazeds\web-inf\Flex\remoting-config.xml,吧下面的代碼添加到xml根節(jié)點下:
- 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七大步驟實現(xiàn)Flex配置
- 配置Flex國際化的簡明步驟
- Flex及FlexBuilder2.0開發(fā)環(huán)境詳解
- FlexBuilder3.0與Eclipse3.4的完美結(jié)合
- Flex內(nèi)存泄露解決方法和內(nèi)存釋放優(yōu)化原則