Eclipse3.2+MyEclipse6.5+FB3_WWEJ_Plugin+blazeds3配置應用

1、blazeds3配置應用1. 前言本章不對所用技術做概念描述，著重于配置應用，文章中如有錯誤描述之處，望請各位指點。2. 準備工作開發(fā)環(huán)境需要安裝jdk、tomcat、MyEclipse、Flex，請依次正確安裝配置環(huán)境變量，flash4需要eclipse3.5、MyEclipse7.5版本才能集成安裝。Ø JDK：jdk-1.6Ø TOMCAT：tomcat-6 Ø ECLIPSE：eclipse-3.2Ø MYECLIPSE插件: MyEclipse6.5 Ø FLEX: FB3_WWEJ_Plugin.exe Ø BLEAZED

2、S:：BlazeDS例子中所使用的tomcat路徑為：D:Work Filestomcattomcat-6.0.26-flex，端口為：8088，在下文中簡寫為tomcat-home。3. 安裝IDE1. 安裝JDK，配置好環(huán)境變量。2. 安裝Tomcat，安裝完成后啟動服務，在瀏覽器輸入指定端口服務地址進行測試是否安裝成功。 3. 安裝Eclipse，再集成安裝MyEclipse(有些MyEclipse版本已集成Eclipse，不需要先安裝Eclipse)，在MyEclipse參數(shù)窗口中設置好java、server服務。4. 安裝Flex Builder 3，雙擊FB3_WWEJ_Plugi

3、n.exe進行安裝，具體步驟參考網(wǎng)上資料，安裝完成后需在MyEclipse中點擊->Window->Preferences->Flex->Installed Flex SDKs?？梢栽贔lex Development視圖中創(chuàng)建Flex工程測試集成MyEclipse是否成功。4. 配置Blazeds首先在MyEclipse創(chuàng)建一個Web Project（Flex3_BlazeDSWebApp）工程，然后解壓blazeds_3.war包，解壓后WEB-INF目錄主要包含F(xiàn)lex、lib目錄和web.xml文件，分別拷貝blazeds/WEB-INF/flex、lib目錄到F

4、lex3_BlazeDSWebApp/WebRoot/WEB-INF/目錄下，這些文件用于配置remoting/messaging/proxy services服務，其中remoting通訊方式利用了servlet做請求和響應處理，blazeds在servlet上做了對象的編碼和解碼處理，拷貝blazeds/WEB-INF/web.xml文件中代碼至Flex3_BlazeDSWebApp/ WebRoot/WEB-INF/web.xml。 <!- Http Flex Session attribute and binding listener support -> <list

5、ener> <listener-class>flex.messaging.HttpFlexSession</listener-class> </listener> <!- MessageBroker Servlet -> <servlet> <servlet-name>MessageBrokerServlet</servlet-name> <servlet-class>flex.messaging.MessageBrokerServlet</servlet-class> <i

6、nit-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>MessageBrokerServl

7、et</servlet-name> <url-pattern>/messagebroker/*</url-pattern> </servlet-mapping>將blazeds文件導入至Flex3_BlazeDSWebApp項目后的結構如下圖：5. 部署B(yǎng)lazeds配置完成Blazeds后，在部署工程窗口添加Flex3_BlazeDSWebApp應用服務，啟動Tomcat6.x服務，在部署B(yǎng)lazeds過程中需要確保tomcat服務器處于運行狀態(tài)，項目添加flex支持的時候需要檢測服務器路徑，然后添加flex的支持。一、 右鍵Flex3_Bla

8、zeDSWebApp項目，在右鍵快捷菜單中選擇 Flex Project Nature -> Add Flex Project Nature (第二個選擇項)。二、 在彈出“Adding Flex nature to project”窗口中，設置“Application server type”項為 J2EE，單選“LiveCycle Data Services”。三、 單擊“下一步”按鈕， 在“Configure J2EE Server”窗口中設置服務器參數(shù)，取消“Use default location for local LiveCycle Date Services server

9、”復選框。1) Root folder（Web服務器中的項目目錄）：tomcat-homeBlazeDSWebApp。2) Root URL（項目的訪問網(wǎng)址）：http:/localhost:8088/Flex3_BlazeDSWebApp/3) Context root（項目的上下文）：/Flex3_BlazeDSWebApp4) Compilation options（編譯選項）：選擇“Compile application locally in flex Builder(recommended)”5) Output folder：編譯輸出目錄tomcat-homewebappsFlex3

10、_BlazeDSWebAppdebug(也可Flex3_BlazeDSWebApp-debug)。四、 右鍵Flex3_BlazeDSWebApp項目，在右鍵快捷菜單中選擇 Properties，彈出項目屬性窗口。1) 在“Flex Build Path”菜單項中可以設置Main source folder、Output folder、Output folder URL參數(shù)，能夠修改部署B(yǎng)lazes初始設置的Output folder值，修改flex主要資源文件目錄，如：設置src為flex_src。2) “Flex compiler”菜單項中設置Flex SDK version版本，默認單選

11、項為“Use the servers SDK”，一般需要設置SDK版本為“Use default SDK(currently “flex 3.2”)”。3) “Flex Server”項能夠修改部署B(yǎng)lazes時的Root folder、Root URL、Context root值，點擊“Validate Location”驗證flex支持的服務配置是否正確。4) “Flex Applications”菜單項目中可以設置默認的主應用程序。6. Flex應用在Flex3_BlazeDSWebApp項目中創(chuàng)建flex_src、flex_lib目錄，設置flex_src為flex程序主目錄，將src

12、目錄下Flex3_BlazeDSWebApp.mxml文件移至flex_src目錄，在src目錄創(chuàng)建com.srit.flex.test包，新建UserInfo.java類。一、 打開UserInfo.java類，添加userName、sex屬性。package com.srit.flex.test;public class UserInfo public String userName;public String sex;public String getSex() return sex;public void setSex(String sex) this.sex = sex;public

13、 String getUserName() userName = "測試數(shù)據(jù)1"return userName;public void setUserName(String userName) this.userName = userName;二、 在WebRootWEB-INFflex remoting-config.xml配置文件中添加一個id為“userinfo”的目標。 <destination id="userinfo"> <properties> <source>com.srit.flex.test.Use

14、rInfo</source> </properties> </destination> 三、 Flex3_BlazeDSWebApp.mxml文件中創(chuàng)建一個RemoteObject對象，調用UserInfo類方法。<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx=" layout="absolute"><mx:Script> <!CDATA import mx.rpc.ev

15、ents.FaultEvent; import mx.collections.ArrayCollection; import mx.rpc.remoting.mxml.RemoteObject; import mx.controls.Alert; import mx.rpc.events.ResultEvent; public function submit():void var remote:RemoteObject = new RemoteObject(); /調用在J2EE端remoting-config.xml中配置的暴露出的類的名稱 id remote.destination = "userinfo" /調用J2EE端類中的方法 remote.getUserName(); /監(jiān)聽調用成功事件 remote.addEventListener(ResultEvent.RESULT,result); /監(jiān)聽失敗事件 remote.addEventListener(FaultEvent.FAULT,fault); private function result(evt:ResultEvent):void Alert.show(evt.result.toString(); private fun