空間無限
          
			身是菩提樹，心如明鏡臺，時時勤拂拭，勿使染塵埃。 
菩提本無樹，明鏡亦非臺，本來無一物，何處惹塵埃。
		          		
	
          

          

          

          
	
          

          posts - 5, comments - 15, trackbacks - 0, articles - 8
          
	
 
 ::
首頁 ::
新隨筆 ::
聯系 ::
聚合
 ::
管理


          
		          		
	
          
	
          
		
			
          
			
          
		          		
		
			
          
				
					
	
          
		
          
			
          
				Dwr入實例
			
          
 			Posted on 2007-04-23 13:16 javabright 閱讀(209) 評論(0)  編輯  收藏  所屬分類: 編程語言 
			
			


		
          
		
          DWR是作為遠程調用的ajax框架，將服務端的java類，方法和瀏覽器的javascript的類，方法對應起來。現在官方最新的版本是DWR2.0，可以在http://getahead.ltd.uk/dwr/download下載到。 
          我們真對DWR2.0做一些例子講解一下它的特性： 
          Hello World： 
          新建一個web項目DWRStudy，在項目中構建路徑中加入dwr.jar， 
          新建類Hello如下： 
          

          代碼
          

          

          

          

            
    
          1. package org.li.dwr;   
            2. 
    
          2.   
            3. 
    
          3. package org.li.dwr;   
            4. 
    
          4.   
            5. 
    
          5. import java.util.Date;   
            6. 
    
          6.   
            7. 
    
          7. public class Hello   
            8. 
    
          8. {   
            9. 
    
          9.     public String getHelloWorld()   
            10. 
    
          10.     {   
            11. 
    
          11.         return "現在的時間為："+new Date();   
            12. 
    
          12.     }   
            13. 
    
          13. }  
            14. 

          

          

          


          在WEB-INF目錄下新建dwr.xml文件： 
          

          代碼
          

          

          

          

            
    
          1. <?xml version="1.0" encoding="UTF-8"?>  
            2. 
    
          2. <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd">  
            3. 
    
          3. <dwr>  
            4. 
    
          4.     <allow>  
            5. 
    
          5.     <!-- javascript的對象是jshello,create="new"是DWR自己創建類 -->  
            6. 
    
          6.         <create javascript="jshello" creator="new" scope="application">  
            7. 
    
          7.             <param name="class" value="org.li.dwr.Hello"></param>  
            8. 
    
          8.         </create>  
            9. 
    
          9.     </allow>  
            10. 
    
          10. </dwr>  
            11. 

          

          

          


          在WebRoot目錄里新建hello.js 
          

          代碼
          

          

          

          

            
    
          1. function load()//載入的時候調用   
            2. 
    
          2. {   
            3. 
    
          3.     var jbutton = document.getElementById("jbutton");   
            4. 
    
          4.     jbutton.onclick=function(event)//注冊按鈕點擊事件   
            5. 
    
          5.     {   
            6. 
    
          6.         jbClick();   
            7. 
    
          7.     };   
            8. 
    
          8. }   
            9. 
    
          9. function jbClick()//按鈕點擊事件   
            10. 
    
          10. {   
            11. 
    
          11.     jshello.getHelloWorld(callback);//沒有參數傳遞，只傳遞回調函數就行   
            12. 
    
          12. }   
            13. 
    
          13. function callback(msg)//回調函數   
            14. 
    
          14. {   
            15. 
    
          15.     DWRUtil.setValue('jdiv',msg);   
            16. 
    
          16. }  
            17. 

          

          

          


          在WebRoot目錄里新建HelloWorld.html 
          

          代碼
          

          

          

          

            
    
          1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
            2. 
    
          2. <html>  
            3. 
    
          3.   <head>  
            4. 
    
          4.     <title>HelloWorld.html</title>  
            5. 
    
          5.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
            6. 
    
          6.     <script type='text/javascript' src='dwr/interface/jshello.js'></script>  
            7. 
    
          7.     <script type='text/javascript' src='dwr/engine.js'></script>  
            8. 
    
          8.     <script type='text/javascript' src='dwr/util.js'></script>  
            9. 
    
          9.     <script type="text/javascript" src="hello.js"></script>  
            10. 
    
          10.   
            11. 
    
          11.   </head>  
            12. 
    
          12.      
            13. 
    
          13.   <body>  
            14. 
    
          14.     <input id="jbutton" type="button" value="得到Hello World"/>  
            15. 
    
          15.     <div id="jdiv"></div>  
            16. 
    
          16.     <script>load()</script>  
            17. 
    
          17.   </body>  
            18. 
    
          18. </html>  
            19. 

          

          

          


          在web.xml中加入一個dwr的servlet： 
          

          代碼
          

          

          

          

            
    
          1. <servlet>  
            2. 
    
          2.         <servlet-name>dwr-invoker</servlet-name>  
            3. 
    
          3.         <servlet-class>  
            4. 
    
          4.             org.directwebremoting.servlet.DwrServlet   
            5. 
    
          5.         </servlet-class>  
            6. 
    
          6.         <init-param>  
            7. 
    
          7.             <param-name>debug</param-name>  
            8. 
    
          8.             <param-value>true</param-value>  
            9. 
    
          9.         </init-param>  
            10. 
    
          10.         <load-on-startup>1</load-on-startup>  
            11. 
    
          11.     </servlet>  
            12. 
    
          12.   
            13. 
    
          13.     <servlet-mapping>  
            14. 
    
          14.         <servlet-name>dwr-invoker</servlet-name>  
            15. 
    
          15.         <url-pattern>/dwr/*</url-pattern>  
            16. 
    
          16.     </servlet-mapping>  
            17. 

          

          

          


          在運行一下服務器在瀏覽器里輸入http://localhost:8080/DWRStudy/HelloWorld.html，然后點一下按鈕下面就會顯示服務端的系統時間了，而瀏覽器頁面并沒有被刷新。 
          下面解釋一下： 
          1. 新建的Hello類中有一個getHelloWorld方法這個方法就是作為遠程調用的服務端方法，這個Hello類也就是遠程調用的類。方法的返回值為服務端當前的時間 
          2. dwr.xml是DWR用來配置服務端類和瀏覽器端javascript類之間的映射。可以下載dtd看一下，在<allow></allow>里類配置映射類如：<create javascript="jshello" creator="new" scope="application"> 
          <param name="class" value="org.li.dwr.Hello"></param> 
          </create> 
          javascript="jshello"是在瀏覽器端的javascript的映射的類名，（不要用javascript里的關鍵字）creator="new"是表示這個類是dwr自己創建的，如果creator="new"那么就必須有下面的<param name=”class” value=”類的全路徑”></param>，creator還可為spring(與spring集成的時候),script(與apache的一個框架BSF集成的時候用),后來又加入了struts,jsf,ejb3.現在是個HelloWorld讓大家體驗一下，具體后面會細講。最后的scope=”application”是說這個pojo類的范圍，和jsp是一樣的。 
          3. 創建hello.js和HelloWorld.html都是看自己是怎么發揮了，注意的是在HelloWorld.html中導入js文件的時候注意順序和路徑命名規律，自己發揮的這個hello.js一定放在后面，因為要調用其它js文件中的函數。由于在HelloWorld.html里寫入了<script>load()</script>所以在html加載的時候會調用hello.js里的load方法(注意這幾個js文件里的函數最好不要重名)在load里面做的事情就是注冊一下id為jbutton的按鈕的點擊事件。當我們點擊id為jbutton的按鈕的時候就開始用與服務器端的類相對應的javascript類了（jshello），直接調用jshello類的getHelloWorld方法，可以向函數傳遞參數，不過要在最后加一個回調函數。而我們的服務端的類沒有參數就直接傳回調函數了。在回調函數的形參msg是服務端Hello類中getHelloWorld方法返回值。在回調函數里面調用了DWR的工具類DWRUtil類的setValue方法設置id為jdiv的值。另外我們把doucment.getElementById(“jbutton”);換與$(“jbutton”)也可以得到同樣的效果，這就有點像prototype了。 
          4. 在web.xml里加入DWRServlet的配置一是為了遠程調用，二是自動生成了<script type='text/javascript' src='dwr/interface/jshello.js'></script> 
          <script type='text/javascript' src='dwr/engine.js'></script> 
          <script type='text/javascript' src='dwr/util.js'></script>文件

          
	
          
	


          
	    
    




          








          

				
			
          
		          		
	
          
	
          
		
			


		
	
          

          


    







          
        
	




主站蜘蛛池模板：
闵行区|
瑞安市|
浙江省|
兴安县|
遵化市|
石林|
资溪县|
股票|
饶阳县|
大余县|
来宾市|
霍城县|
阳曲县|
鄱阳县|
西乌珠穆沁旗|
类乌齐县|
顺义区|
华坪县|
新干县|
温州市|
饶阳县|
康马县|
珠海市|
肥城市|
清苑县|
孝昌县|
沿河|
梓潼县|
稷山县|
丰原市|
沁阳市|
崇信县|
新余市|
琼海市|
黄大仙区|
垣曲县|
邯郸市|
界首市|
新化县|
永登县|
普兰县|