兩種方法實現Flex+Java配置
本文和大家重點討論一下整合Flex+Java配置的方法,帶著Java程序員的思維,一開始學習Flex并沒有按部就班的學習Flex的基礎知識,而是想搞清楚Flex到底怎樣和Java交互的。
整合Flex+Java配置
作為一個Java程序員學習Flex,關心的就是怎樣將Flex和Java進行結合交互。帶著Java程序員的思維,一開始學習Flex并沒有按部就班的學習Flex的基礎知識,而是想搞清楚Flex到底怎樣和Java交互的。經過了一個周末的研究,終于初見成果,下面就重要的講解三種配置的兩個。
在分享這幾種配置之前,先簡單的介紹一下需要用到的一些資源。
1、MyEclipse+Flex插件(官網下載)
2、Tomcat6.0作為服務器(官網下載)
3、用BlazeDS(免費)代替LCDS(收費):沒錢啊,只能先使用免費的了。從Adobe官方網站上下載下來,將blazeds.war、ds-console.war、samples.war三個文件放在tomcat的webapps目錄下。
Flex+Java配置:
第一種:Java工程和Flex工程獨立。這種方式也是很多人使用的方式,Flex程序員和Java程序員相互獨立的工作,這種方式網上有很多的資料,在這里就不再贅述了。
第二種:Flex工程加入Java元素
1、切換到Flex視圖,新建Flexproject
說明:Javasourcefolder就是你自己java業務源碼存放的根目錄,在FB3里,LCDS項目旨在將JavaJ2ee項目和FlexLcds項目混合。
當然如果你不選擇combined兩個在一起,那么就麻煩些:要么你再單獨新建一個Flex項目,而這個項目只寫java代碼。要么再建一個J2ee工程寫java代碼,而這因為我們是要java和flex結合,所以在服務器選擇上我們選擇J2EE存放java類的源文件,我們的目的就是Flex和java在一個工程里,所以我們這里選擇上
個項目只寫Flex代碼,但最后要把Java編譯后的class文件放到這個項目下的webroot\web-inf\classes目錄中。即不管怎樣,最后發布時,java編譯后的class文件必須和lcds部署的項目在一起。
2、點擊Next,配置J2EE服務器
說明:Targetruntime實際上沒什么用(后來我刪除了配置文件里的對應信息,也沒問題),但是不指定就不能繼續,如果這里顯示的是<none>那么就新建一個Tomcat的runtime,簡單的只需要指定tomcat的安裝目錄即可。
Contentfolder實際上就是最終編譯后的容器目錄,因此,BlazeDS的blazeds.war文件將會發布到該目錄下的web-inf下的flex目錄中。同時因為教程采用的是MyEclipse,他默認的就是發布WebRoot里的內容,為了自動化,因此這里改為了WebRoot(這也是java開發的習慣)
FlexWARfile指的是安裝了lcds后的flex.war文件的路徑,但是在這里我們采用的是BlazeDS來取代lcds,所以這里設置的是blazeds.war的路徑。
Compilationoptions指定了flex文件的編譯方式,選擇推薦的在FlexBuilder里編譯吧,雖然開發時多耗點時間,但是在發布后不會占用服務器的編譯處理時間,對用戶來說是有好處的。
Outputfolder指的是Flex編譯后的swf和html等文件存放的路徑,這里改為了WebRoot,意思是發布到根目錄就可以了。當然你可以根據你的需要和習慣自行設置其他的路徑
因為我們采用的BlazeDS,所以這里要設置BlazeDS的路徑
這里我們可以自定義輸出路徑,一般情況下設置成根目錄WebRoot就可以了
3、點擊下一步,采用默認的配置就可以,點擊完成,該工程就建立完成。下圖為該工程的目錄結構
4、讓它變成web工程由MyEclipse發布吧
Flex文件的源文件夾
Java源文件夾
自動生成的flex的配置文件
Flex編譯后發布的文件。我們發布在根目錄下
點擊Finish,現在我們的工程的圖標變成了J2EEWeb工程了,這意味著,你可以
注意,不要點的太快了,要把這里的對號勾掉,這樣就不會覆蓋BlazeDS創建的web.xml
用MyEclipse來發布它或者添加更多容器,比如hibernate、spring等
5、工程建好以后,你可以通過右鍵—>屬性來進行更多的設置。
6、這樣一個Flex+Java的工程就建立完成。
7、編寫例子,測試在介紹完第三種方式以后統一介紹。
第三種:由Webproject反向加入Flex,也就是Flex+Java配置
1、先建立一個web工程:flexweb。(略)
2、向flexweb工程手工添加Flex需要的元素。
1)首先將BlazeDS需要的jar文件拷到工程的lib目錄下。可以將上面建的那個flex工程的lib下的jar文件拷到該工程下的lib目錄下。
2)然后要加入FlexBlazeDS需要的配置文件。在WEB-INF下新建一個名為flex的文件夾,然后將我們上面建立的那個firstFlex該文件夾下的四個xml文件拷到該文件夾下。
3)最后,修改web.xml文件,加入Flex的配置。做法一個簡單的把上面我們新建的那個flex工程的web.xml的部分代碼拷過來。
- <context-param>
- <param-name>flex.class.path</param-name>
- <param-value>/WEB-INF/flex/hotfixes,/WEB-INF/flex/jars</param-value>
- </context-param>
- <!--HttpFlexSessionattributeandbindinglistenersupport-->
- <listener>
- <listener-class>flex.messaging.HttpFlexSession</listener-class>
- </listener>
- <!--MessageBrokerServlet-->
- <servlet>
- <servlet-name>MessageBrokerServlet</servlet-name>
- <display-name>MessageBrokerServlet</display-name>
- <servlet-class>flex.messaging.MessageBrokerServlet</servlet-class>
- <init-param>
- <param-name>services.configuration.file</param-name>
- <param-value>/WEB-INF/flex/services-config.xml</param-value>
- </init-param>
- <load-on-startup>1</load-on-startup>
- </servlet>
- <servlet-mapping>
- <servlet-name>MessageBrokerServlet</servlet-name>
- <url-pattern>/messagebroker/*</url-pattern>
- </servlet-mapping>
3、將該工程發布到tomcat下,并啟動tomcat。(注:一定要啟動tomcat,因為在后面的設置中,它要驗證工程的路徑)
4、然后在該工程上右鍵?FlexProjectNature?AddFlexProjectNature
5、設置完成后,會發現web工程的目錄結構已經發生了改變。
我們發現以這種形式建立的工程的目錄結構和第二種方法有少許的不同,flex的mxml文件默認的放在src文件夾中,和java文件共用一個目錄。并且沒有像上一個工程那樣自動的編譯出可運行的文件。
配置服務器路徑
配置正確的顯示
建議不要修改這里的配置
6、如果你對這個目錄結構不太滿意,還想讓flex的文件放在flex_src目錄下,別急,我們可以通過右鍵?屬性來設置。
在這里你可以重新設置你的flex源文件夾和輸出目錄
7、配置flex默認的sdk。這樣配置完,還不行,程序可能還不能正常地運行,還需要配置他使用的sdk。
8、馬上就大功告成了,讓我們來寫個程序測試一下吧。
1)新建一個java類:Hello.java
- packagecom;
- publicclassHello{
- publicStringhello(Stringname){
- System.out.println("flex調用我了,真好~~~~");
- return"hello"+name;
- }
- }
2)為flex配置這個要調用的對象,修改WEB-INF/flex下remoting-config.xml
加入
- <destinationiddestinationid="hello">
- <properties><source>com.Hello
- </source>
- </properties>
- </destination>
3)編寫一個Flex程序
- <?xmlversionxmlversion="1.0"encoding="utf-8"?>
- <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute">
- 將默認的第三個選項改為第一個選項,使用系統默認的sdk
- <mx:Script>
- <![CDATA[
- importmx.rpc.events.ResultEvent;
- functiongg(evnet:ResultEvent):void{
- varff:String=evnet.resultasString;
- ggg.text=ff;
- }
- functionremotingSayHello():void{
- varsname:String=nameInput.text;
- h.hello(sname);
- }
- ]]>
- </mx:Script>
- <mx:RemoteObjectdestinationmx:RemoteObjectdestination="hello"id="h"
- result="gg(event)"endpoint="http://localhost:8080/flexweb/messagebroker/amf">
- </mx:RemoteObject>
- <mx:TextAreaidmx:TextAreaid="ggg"x="109"y="122"/>
- <mx:Buttonlabelmx:Buttonlabel="sayhello"click="remotingSayHello();"x="144"y="193"/>
- <mx:TextInputidmx:TextInputid="nameInput"x="109"y="73"/>
- <mx:Labeltextmx:Labeltext="name"x="47"y="75"/>
- </mx:Application>
4)重啟tomcat,運行flexweb.mxml.
第三種方法,在編譯完后,訪問網頁會出現404異常。具體原因不詳。但是它仍會編譯出一個swf文件,訪問這個swf即可。而第二種方式可以編譯出一個html文件。訪問一下會出現一下界面:
輸入dfdff,則輸出hellodfdff。說明調用java類成功。不信我們可以看看java類在控制臺上的打印。
Flex+Java環境配置成功,如果用lcds,則不需要預編譯,可以直接訪問mxml文件,lcds會動態編譯返回結果。
【編輯推薦】
- 解析Flexbuilder4十大新特性
- 從Flex Builder更名看Flash平臺戰略
- Flex及FlexBuilder2.0開發環境詳解
- FlexBuilder3.0與Eclipse3.4的完美結合
- 學習筆記 FlexBuilder2.0中如何使用基于Lists的控件



















