一、 準備工作
l 安裝配置系統軟體和工具
JDK1.5或者以上版本
MyEclipse 7.0或者以上版本
Flex4 for eclipse plug-in
Tomcat5.0 或者以上版本
BlazeDS.war (blazeds是一個用于內建flex 用戶端和j2ee server的元件)
二、 環境搭建(內建BlazeDS)
l 建立一個JAVA WEB工程
建立一個JAVA WEB工程,名為flexweb 設定項目的編碼方式為utf-8
l BlazeDS內建FLEX和TOMCAT
1)解壓BlazeDS.war到%TOMCAT_HOME%/webapps目錄下
2)為web app 添加blazeds 支援:
右擊WebRoot選擇import—>GeneralàFile system
單擊Browse 選擇tomoat伺服器安裝位址,然後選擇webapps中的blazeds檔案夾
單擊确定,然後勾選它
單擊Finish 然後選擇Yse to all
l 建立一測試類
在j2ee視圖中建立一個package “com.flex.test”,在包com.flex.test 下面建立一個類FlexWeb.這個類有一個簡單的方法:text(String name)
打開 flexweb的WebRoot/WEB-INF/flex/remoting-config.xml,添加一個供flex 用戶端調用的destination. 複制下列代碼到remoting-config.xml中
<destination id="Hello"> <properties> <source>com.flex.test.FlexWeb</source> </properties> </destination> |
儲存項目,用tomcat釋出啟動tomcat
l 添加FLEX支援
在工程flexweb上右鍵 flex project nature->add flex project nature.(中文為添加/更改項目類型) 這時會彈出對話框
Root folder(根檔案夾):選擇剛才釋出到tomcat的工程flexweb路徑(%TOMCAT_HOME%/webapps目錄下)
Root URL:TOMCAT伺服器的啟動路徑加上flexweb,說明我們要啟動到flexweb工程
Context root :編譯後的FLEX項目路徑
Output folder:工程 重構後FLEX檔案的輸出路徑
[點選Finish完成]
找到Problems視窗看到有一個錯誤然後我們右鍵選重新建立HTML模闆。這裡錯誤已經解決,但是新的問題又來了,src是java的源檔案夾存java源代碼地方,但是現在被flex給占用了是以我們要重新給flex添加一個源檔案目錄,如下圖
右鍵項目屬性找到flex構鍵路徑的主源檔案夾把src改為flex_src
然後把src檔案夾裡面的flexweb.xml移動到flex_src檔案夾裡面
4、編輯FLEX應用程式
在Flex應用程式,例如 flexweb.mxml 中添加以下代碼:
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:RemoteObject id="say" destination="Hello"> </mx:RemoteObject> <mx:Button x="335" y="80" label=" Click" click="remotingSayHello(event);"/> <mx:TextInput x="159" y="80" id="tiName"/> <mx:Label x="109" y="82" text="name:"/> <mx:Label text="{say.sayHelloTo.lastResult}" x="44" y="162" width="448" height="71" id="lblView" color="#FCEE09" fontSize="20" fontWeight="bold" textDecoration="underline" fontStyle="normal"/> <mx:Script> <![CDATA[ function remotingSayHello(event:Event):void{ var iname:String=tiName.text; say.text(iname); } ]]> </mx:Script> </mx:Application> |
在Flex Development視圖下,project->Build Project,可以看到Flex 應用程式被正确編譯,産生輸出到bin目錄下面
到這裡代碼已經完成,重新釋出你的項目,重新開機tomcat,在項目中右擊flexweb.mxml運作你會看到如下效果
轉載于:https://blog.51cto.com/leehao353/410872