Flex+BlazeDS整合J2ee示例

http://malipei.javaeye.com/blog/252405

 

 

文章分類:Web前端

最近一個禮拜一直在研究flex,從Flex Builder 3 Plug-in的安裝,到ActionScript3語言的學習,再到flex整合j2ee的開發,這一路走了不少

彎路,其實配置開發環境,看別人演示是學習得最快的,如果光看文字描述是比較累的事情,描述了半天不然一張截圖說明問題,這裏總結一

下flex+BlazeDS整合j2ee開發環境的配置過程:

  1.從http://opensource.adobe.com/wiki/display/blazeds/BlazeDS/ 下載BlazeDS
  
  2.新建一個web project 名爲:flexDemo

  3.解壓BlazeDS.war到%TOMCAT_HOME%/webapps目錄下文件名爲blazeds內包涵了WEB-INF和META-INF文件夾

  4.在flexDemo/src目錄下新建類HelloWorld

package cn.riahome.java;
 
/**
 * <p>功能:</p>
 * <p>生成日期: 2008-10-13</p>
 * <p>說明:</p>
 * @author lipei_ma
 * @version V1.0
 * @修改日誌:
 */
public class HelloWorld {
 
	public HelloWorld() {
	}
 
	public String getHelloWorld(String name) {
		return "Hello World!"+name;
	}
}

  5.部署 應用flexDemo到Tomcat服務器中,並啓動服務。








6.爲flexDemo添加blazeds支持: 將%TOMCAT_HOME%/webapps/BlazeDS/WEB-INF/lib目錄下面所有jar文件拷貝到 flexDemo 的webRoot/WEB-

INF/lib 目錄下. 將%TOMCAT_HOME%/webapps/blazeds/WEB-INF/flex 目錄拷貝到Demo的webContent/WEB-INF 下. 拷貝%TOMCAT_HOME%/webapps

/BlazeDS/WEB-INF/ 下的web.xml覆蓋flexDemo的 web.xml ,至此,我們的Demo已經具備了blazeds 的功能.



  7.爲項目增加Flex支持,右鍵項目名稱,點擊Flex Project Nature/Add Flex Project Nature









  8.編輯flexDemo.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="helloWorld">           
     </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.getHelloWorld.lastResult}" x="44" y="162" width="448" height="71" id="lblView" color="#FCEE09" 
 
fontSize="20" fontWeight="bold" textDecoration="underline" fontStyle="normal"/>     
     <mx:Script>
	     <![CDATA[
		     public function remotingSayHello(event:Event):void{        
			     var iname:String=tiName.text;          
			     say.getHelloWorld(iname);          
		     }
	     ]]>
     </mx:Script> 
</mx:Application>


  編輯WEB-INF/flex/remoting-config.xml文件 
    <destination id="helloWorld">
		<properties>
			<source>cn.riahome.java.HelloWorld</source>
		</properties>
     </destination>



9.右鍵項目名稱,點擊properties/Flex Builder Path修改output folder URL,點擊properties/Flex Build Path修改Flex SDK Version







10.運行flexDemo.mxml即可








附:在此感謝badqiu的遠程協助,並請各位多關注http://www.rapid-framework.org.cn/
  • 大小: 58.5 KB
  • 大小: 57.7 KB
  • 大小: 60.9 KB
  • 大小: 52.1 KB
  • 大小: 63.2 KB
  • 大小: 40.4 KB
  • 大小: 47.2 KB
  • 大小: 87.3 KB
  • 大小: 42.7 KB
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章