<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        

    
	

    
	
    
		
    
			
                
    細心!用心!耐心!
    
				
    吾非文人，乃市井一俗人也，讀百卷書，跨江河千里，故申城一游； 
一兩滴辛酸，三四年學業，五六點粗墨，七八筆買賣，九十道人情。
    
			    		
		
    
	
    

    

    
	
    
		
    
		    
		        
				 BlogJava
聯系
聚合

管理

			
			
				

    
	
    
		
    
			
			
			
				 
				1 
				Posts ::
				196 Stories
				::
				10 Comments
				::
				0 Trackbacks
			
		
    
	
    

    

			    		
		
    
	
    

    


    



    
	
					

    
	
	
	
    
		
    
    
        
    
            
            
    Email:javafish@sunxin.org 
    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>文件。 
    上個HelloWorld例子只是返回了一個字符串，當然我們顯示字符串很容易，可是如果返回一個對象怎么辦呢？，DWR為我們將java類和javascript的DOM對象，不過這得需要我們在dwr.xml里配置。 
    再看一個綜合的例子： 
    新建類User 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. package org.li.dwr;   
      2. 
                
    2.   
      3. 
                
    3. import java.io.FileInputStream;   
      4. 
                
    4. import java.io.FileNotFoundException;   
      5. 
                
    5. import java.io.IOException;   
      6. 
                
    6. import java.util.ArrayList;   
      7. 
                
    7. import java.util.List;   
      8. 
                
    8. import java.util.Properties;   
      9. 
                
    9.   
      10. 
                
    10. public class User   
      11. 
                
    11. {   
      12. 
                
    12.     private String welcome;   
      13. 
                
    13.     private String username;   
      14. 
                
    14.     private String address;   
      15. 
                
    15.     private List<Book> books;   
      16. 
                
    16.     private int age;   
      17. 
                
    17.     public String getAddress()   
      18. 
                
    18.     {   
      19. 
                
    19.         return address;   
      20. 
                
    20.     }   
      21. 
                
    21.     public void setAddress(String address)   
      22. 
                
    22.     {   
      23. 
                
    23.         this.address = address;   
      24. 
                
    24.     }   
      25. 
                
    25.     public int getAge()   
      26. 
                
    26.     {   
      27. 
                
    27.         return age;   
      28. 
                
    28.     }   
      29. 
                
    29.     public void setAge(int age)   
      30. 
                
    30.     {   
      31. 
                
    31.         this.age = age;   
      32. 
                
    32.     }   
      33. 
                
    33.     public String getUsername()   
      34. 
                
    34.     {   
      35. 
                
    35.         return username;   
      36. 
                
    36.     }   
      37. 
                
    37.     public void setUsername(String username)   
      38. 
                
    38.     {   
      39. 
                
    39.         this.username = username;   
      40. 
                
    40.     }   
      41. 
                
    41.     public String getWelcome()   
      42. 
                
    42.     {   
      43. 
                
    43.         return welcome;   
      44. 
                
    44.     }   
      45. 
                
    45.     public void setWelcome(String welcome)   
      46. 
                
    46.     {   
      47. 
                
    47.         this.welcome = welcome;   
      48. 
                
    48.     }   
      49. 
                
    49.     public List<Book> getBooks()   
      50. 
                
    50.     {   
      51. 
                
    51.         return books;   
      52. 
                
    52.     }   
      53. 
                
    53.     public void setBooks(List<Book> books)   
      54. 
                
    54.     {   
      55. 
                
    55.         this.books = books;   
      56. 
                
    56.     }   
      57. 
                
    57.     public List<Book> getBook()   
      58. 
                
    58.     {   
      59. 
                
    59.         this.books = new ArrayList<Book>();   
      60. 
                
    60.         Book javaBook = new Book();   
      61. 
                
    61.         Book vcBook = new Book();   
      62. 
                
    62.         javaBook.setAuthor("孫鑫");   
      63. 
                
    63.         vcBook.setAuthor("孫鑫");   
      64. 
                
    64.         javaBook.setName("java Web開發詳解");   
      65. 
                
    65.         vcBook.setName("vc++深入詳解");   
      66. 
                
    66.         this.books.add(javaBook);   
      67. 
                
    67.         this.books.add(vcBook);   
      68. 
                
    68.         return this.books;   
      69. 
                
    69.     }   
      70. 
                
    70.     public User getUser(String welcome)   
      71. 
                
    71.     {   
      72. 
                
    72.         this.welcome=welcome;   
      73. 
                
    73.         try  
      74. 
                
    74.         {   
      75. 
                
    75.             FileInputStream fis = new FileInputStream("D:\\workspace\\DWRStudy\\src\\user.properties");   
      76. 
                
    76.             Properties pp = new Properties();   
      77. 
                
    77.             pp.load(fis);   
      78. 
                
    78.             this.username=pp.getProperty("username");   
      79. 
                
    79.             this.age=Integer.valueOf(pp.getProperty("age"));   
      80. 
                
    80.             this.address=pp.getProperty("address");   
      81. 
                
    81.             fis.close();   
      82. 
                
    82.         }   
      83. 
                
    83.         catch (FileNotFoundException e)   
      84. 
                
    84.         {   
      85. 
                
    85.             // TODO Auto-generated catch block   
      86. 
                
    86.             e.printStackTrace();   
      87. 
                
    87.         }   
      88. 
                
    88.         catch (IOException e)   
      89. 
                
    89.         {   
      90. 
                
    90.             // TODO Auto-generated catch block   
      91. 
                
    91.             e.printStackTrace();   
      92. 
                
    92.         }   
      93. 
                
    93.         return this;   
      94. 
                
    94.     }   
      95. 
                
    95. }   
      96. 
            
    
            
    
            
    
            
            
    新建Book類： 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. package org.li.dwr;   
      2. 
                
    2.   
      3. 
                
    3. public class Book   
      4. 
                
    4. {   
      5. 
                
    5.     private String name;   
      6. 
                
    6.     private String author;   
      7. 
                
    7.     public String getAuthor()   
      8. 
                
    8.     {   
      9. 
                
    9.         return author;   
      10. 
                
    10.     }   
      11. 
                
    11.     public void setAuthor(String author)   
      12. 
                
    12.     {   
      13. 
                
    13.         this.author = author;   
      14. 
                
    14.     }   
      15. 
                
    15.     public String getName()   
      16. 
                
    16.     {   
      17. 
                
    17.         return name;   
      18. 
                
    18.     }   
      19. 
                
    19.     public void setName(String name)   
      20. 
                
    20.     {   
      21. 
                
    21.         this.name = name;   
      22. 
                
    22.     }   
      23. 
                
    23. }  
      24. 
            
    
            
    
            
    
            
            
    新建DWRLog類 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. package org.li.dwr.log;   
      2. 
                
    2.   
      3. 
                
    3. import java.lang.reflect.Method;   
      4. 
                
    4.   
      5. 
                
    5. import org.directwebremoting.AjaxFilterChain;   
      6. 
                
    6.   
      7. 
                
    7. public class DWRLog implements org.directwebremoting.AjaxFilter   
      8. 
                
    8. {   
      9. 
                
    9.   
      10. 
                
    10.     public Object doFilter(Object obj, Method method, Object[] params, AjaxFilterChain chain) throws Exception   
      11. 
                
    11.     {   
      12. 
                
    12.         System.out.println("過濾器Log輸出:..對象："+obj.getClass().getName()+"方法："+method.getName());   
      13. 
                
    13.         return chain.doFilter(obj, method,params);   
      14. 
                
    14.     }   
      15. 
                
    15.        
      16. 
                
    16. }  
      17. 
            
    
            
    
            
    
            
            
    新建D:\\workspace\\DWRStudy\\src\\user.properties 
    username=javafish 
    age=21 
    address=北京市海淀區 
    然后在dwr.xml里加入 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. <create javascript="jsuser" creator="new">  
      2. 
                
    2.             <param name="class" value="org.li.dwr.User"></param>  
      3. 
                
    3.             <!-- 過濾允許調用的方法 -->  
      4. 
                
    4.             <include method="getUser"/>  
      5. 
                
    5.             <include method="getBook"/>  
      6. 
                
    6.             <!-- 配置自己的過濾器 -->  
      7. 
                
    7.             <filter class="org.li.dwr.log.DWRLog"></filter>  
      8. 
                
    8.         </create>  
      9. 
                
    9.         <!-- 需要轉換的類 -->  
      10. 
                
    10.         <convert match="org.li.dwr.User" converter="bean"></convert>  
      11. 
                
    11.         <convert match="org.li.dwr.Book" converter="bean"></convert>  
      12. 
            
    
            
    
            
    
            
            
    新建UserInfo.html 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
      2. 
                
    2. <html>  
      3. 
                
    3.   <head>  
      4. 
                
    4.     <title>UserInfo.html</title>  
      5. 
                
    5.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
      6. 
                
    6.     <script type='text/javascript' src='dwr/interface/jsuser.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="userInfo.js"></script>  
      10. 
                
    10.   
      11. 
                
    11.   </head>  
      12. 
                
    12.      
      13. 
                
    13.   <body>  
      14. 
                
    14.     請輸入你的名字：   
      15. 
                
    15.     <input id="name" type="text"/>  
      16. 
                
    16.     <input id="jbutton" type="button" value="得到javafish的信息"/>  
      17. 
                
    17.     <input id="sbutton" type="button" value="得到javafish的書"/>  
      18. 
                
    18.     <div id="result"></div>  
      19. 
                
    19.     <script>load()</script>  
      20. 
                
    20.   </body>  
      21. 
                
    21. </html>  
      22. 
            
    
            
    
            
    
            
            
    新建userInfo.js 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. function load()   
      2. 
                
    2. {   
      3. 
                
    3.     var jbutton = $("jbutton");   
      4. 
                
    4.     jbutton.onclick=function(event)   
      5. 
                
    5.     {   
      6. 
                
    6.         bOnClick();   
      7. 
                
    7.     };   
      8. 
                
    8.     var sbutton = $("sbutton");   
      9. 
                
    9.     sbutton.onclick=function(event)   
      10. 
                
    10.     {   
      11. 
                
    11.         sOnClick();   
      12. 
                
    12.     };   
      13. 
                
    13. }   
      14. 
                
    14. function bOnClick()   
      15. 
                
    15. {   
      16. 
                
    16.     jsuser.getUser($("name").value,callback);   
      17. 
                
    17. }   
      18. 
                
    18. function callback(msg)   
      19. 
                
    19. {   
      20. 
                
    20.     var user = msg;   
      21. 
                
    21.     DWRUtil.setValue('result',"歡迎你！"+user.welcome+"   姓名："+user.username+",年齡："+user.age+"，住址："+user.address+user.books[0].author);   
      22. 
                
    22. }   
      23. 
                
    23.   
      24. 
                
    24. function sOnClick()   
      25. 
                
    25. {   
      26. 
                
    26.     jsuser.getBook(callbackBooks);   
      27. 
                
    27. }   
      28. 
                
    28. function callbackBooks(msg)   
      29. 
                
    29. {   
      30. 
                
    30.     alert(msg);   
      31. 
                
    31.     DWRUtil.setValue('result',msg);   
      32. 
                
    32. }  
      33. 
            
    
            
    
            
    
            
            
    運行服務器輸入http://localhost:8080/DWRStudy/UserInfo.html，可看到運行結果 
    這個例子需要解釋的就是dwr.xml了 
    在這里用到了兩個java類，User、Book，方法呢就是User.getUser和User.getBook，而Book類呢由于我們沒有在javascript中調用，所以就不用配置Book的create了。 
    大家可能會奇怪為什么會多出來兩個<convert match="org.li.dwr.User" converter="bean"></convert> 
    <convert match="org.li.dwr.Book" converter="bean"></convert> 
    呢，是因為在調用getBook和getUser的時候會返回給javascript有關User和Book的對象或數據，這里的用<convert match=”類” converter=”bean”/>做一下轉換，否則javascript將不會得到有效的數據。 
    下面討論一下DWR的安全性，由于我們將javaBean整體都對外暴露了，所以說會有非常多的安全問題，真對這些DWR也作了一些的措施就是上面例子中dwr.xml的配置： 
    <include method="getUser"/> 
    <include method="getBook"/> 
    <filter class="org.li.dwr.log.DWRLog"></filter> 
    這樣配置的話就只暴露了User類的兩個方法getUser,getBook。就相對安全多了，相反還有<exclude>的配置它們是類似的。對于安全我們也可以用DWR的過濾器來實現，這里我用過濾器實現的是一個日志記錄。過濾器類只需要實現AjaxFilter接口就可以了，不過注意的是這個過濾器不是HttpServelt的過濾器而是DWR自己內部實現的（有興趣可以查看一下源代碼）。 
    真對DWR的安全性上來說，官方也不敢保證，官方只是說自己可以看一下源代碼因地施宜。 
    不過DWR可以和acegi集成，讓acegi來管理安全問題。由于acegi我還沒有完全搞定關于DWR和acegi的集成，先放一放日后補充。 
    下面對DWR.xml的配置具體補充一下： 
    首先是<init></init>里面有<converter>和<create>是配置在初始化的時候需要創建和轉化的類。 
    然后是<allow></allow>里面有<converter>和<create>這個地方就是正式的配置了，creator里有param,filter,include,exclude,auth，除了auth我們都接觸過了，而auth是集成J2EE的安全認證用的，這個可能和acegi的集成有關吧（？）。<converter>呢，它的converter有很多 
    ? Array Converter 
    ? Bean and Object Converters 
    ? Collection Converter 
    ? Enum Converter 
    ? DOM Objects 
    這些都是轉換的時候配置的 
    還有就是<signatures></signatures>的配置了，申明一些不java用反射不可得到的參數類型。 
    我在上面例子上用的getBook來本來想用signatures實現List<Book>的轉換可是沒有成功（不用配置就可以） 
    主要是真對jdk1.4以下的，我本機用的是jdk6,所以屢試不爽最后在官方DWR2的特性中看到如果你用的是DWR2和JDK5以上的話就不用配置了DWR會自動轉換。 
    下面講一下DWR與Spring的集成： 
    還是上面那個例子用Spring搞定大部分和上面一樣 
    新建類User（包換了） 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. package org.li.dwr.spring;   
      2. 
                
    2.   
      3. 
                
    3. import java.util.List;   
      4. 
                
    4.   
      5. 
                
    5. import org.li.dwr.Book;   
      6. 
                
    6.   
      7. 
                
    7. public class User   
      8. 
                
    8. {   
      9. 
                
    9.     private String welcome;   
      10. 
                
    10.     private String username;   
      11. 
                
    11.     private String address;   
      12. 
                
    12.     private List<Book> books;   
      13. 
                
    13.     private int age;   
      14. 
                
    14.     public String getAddress()   
      15. 
                
    15.     {   
      16. 
                
    16.         return address;   
      17. 
                
    17.     }   
      18. 
                
    18.     public void setAddress(String address)   
      19. 
                
    19.     {   
      20. 
                
    20.         this.address = address;   
      21. 
                
    21.     }   
      22. 
                
    22.     public int getAge()   
      23. 
                
    23.     {   
      24. 
                
    24.         return age;   
      25. 
                
    25.     }   
      26. 
                
    26.     public void setAge(int age)   
      27. 
                
    27.     {   
      28. 
                
    28.         this.age = age;   
      29. 
                
    29.     }   
      30. 
                
    30.     public String getUsername()   
      31. 
                
    31.     {   
      32. 
                
    32.         return username;   
      33. 
                
    33.     }   
      34. 
                
    34.     public void setUsername(String username)   
      35. 
                
    35.     {   
      36. 
                
    36.         this.username = username;   
      37. 
                
    37.     }   
      38. 
                
    38.     public String getWelcome()   
      39. 
                
    39.     {   
      40. 
                
    40.         return welcome;   
      41. 
                
    41.     }   
      42. 
                
    42.     public void setWelcome(String welcome)   
      43. 
                
    43.     {   
      44. 
                
    44.         this.welcome = welcome;   
      45. 
                
    45.     }   
      46. 
                
    46.     public List<Book> getBooks()   
      47. 
                
    47.     {   
      48. 
                
    48.         return books;   
      49. 
                
    49.     }   
      50. 
                
    50.     public void setBooks(List<Book> books)   
      51. 
                
    51.     {   
      52. 
                
    52.         this.books = books;   
      53. 
                
    53.     }   
      54. 
                
    54.     public User getUser(String welcome)   
      55. 
                
    55.     {   
      56. 
                
    56.         this.welcome=welcome;   
      57. 
                
    57.         return this;   
      58. 
                
    58.     }   
      59. 
                
    59. }  
      60. 
            
    
            
    
            
    
            
            
    Book還是以前那個 
    在src下新建application.xml文件（spring的配置文件） 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. <?xml version="1.0" encoding="UTF-8"?>  
      2. 
                
    2. <!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.org/dtd/spring-beans.dtd">  
      3. 
                
    3.   
      4. 
                
    4. <beans>  
      5. 
                
    5.     <bean id="user" class="org.li.dwr.spring.User">  
      6. 
                
    6.         <property name="username">  
      7. 
                
    7.             <value>javafish</value>  
      8. 
                
    8.         </property>  
      9. 
                
    9.         <property name="age">  
      10. 
                
    10.             <value>21</value>  
      11. 
                
    11.         </property>  
      12. 
                
    12.         <property name="address">  
      13. 
                
    13.             <value>北京市海淀區</value>  
      14. 
                
    14.         </property>  
      15. 
                
    15.     </bean>  
      16. 
                
    16. </beans>  
      17. 
            
    
            
    
            
    
            
            
    在dwr.xml加入： 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. <create javascript="springUser" creator="spring">  
      2. 
                
    2.             <param name="beanName" value="user"></param>  
      3. 
                
    3.             <!-- 指定Spring配置文件的位置，如果沒設置DWR會根據web.xml找到主配置文件，不過速度上就慢了 -->  
      4. 
                
    4.             <param name="location" value="applicationContext.xml"></param>  
      5. 
                
    5.         </create><convert match="org.li.dwr.spring.User" converter="bean"></convert>  
      6. 
            
    
            
    
            
    
            
            
    新建springUserInfo.html 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
      2. 
                
    2. <html>  
      3. 
                
    3.   <head>  
      4. 
                
    4.     <title>UserInfo.html</title>  
      5. 
                
    5.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
      6. 
                
    6.     <script type='text/javascript' src='dwr/interface/springUser.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="springuserInfo.js"></script>  
      10. 
                
    10.   
      11. 
                
    11.   </head>  
      12. 
                
    12.      
      13. 
                
    13.   <body>  
      14. 
                
    14.     請輸入你的名字：   
      15. 
                
    15.     <input id="name" type="text"/>  
      16. 
                
    16.     <input id="jbutton" type="button" value="得到javafish(spring)的信息"/>  
      17. 
                
    17.     <div id="result"></div>  
      18. 
                
    18.     <script>load()</script>  
      19. 
                
    19.   </body>  
      20. 
                
    20. </html>  
      21. 
            
    
            
    
            
    
            
            
    新建springUserInfo.js 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. function load()   
      2. 
                
    2. {   
      3. 
                
    3.     var jbutton = $("jbutton");   
      4. 
                
    4.     jbutton.onclick=function(event)   
      5. 
                
    5.     {   
      6. 
                
    6.         bOnClick();   
      7. 
                
    7.     };   
      8. 
                
    8.     var sbutton = $("sbutton");   
      9. 
                
    9.     sbutton.onclick=function(event)   
      10. 
                
    10.     {   
      11. 
                
    11.         sOnClick();   
      12. 
                
    12.     };   
      13. 
                
    13. }   
      14. 
                
    14. function bOnClick()   
      15. 
                
    15. {   
      16. 
                
    16.     springUser.getUser($("name").value,callback);   
      17. 
                
    17. }   
      18. 
                
    18. function callback(msg)   
      19. 
                
    19. {   
      20. 
                
    20.     var user = msg;   
      21. 
                
    21.     DWRUtil.setValue('result',"歡迎你！"+user.welcome+"   姓名："+user.username+",年齡："+user.age+"，住址："+user.address);   
      22. 
                
    22. }  
      23. 
            
    
            
    
            
    
            
            
    在web.xml中加入 
    <context-param> 
    <param-name>contextConfigLocation</param-name> 
    <param-value>/WEB-INF/classes/applicationContext.xml</param-value> 
    </context-param> 
    <listener> 
    <listener-class> 
    org.springframework.web.context.ContextLoaderListener 
    </listener-class> 
    </listener> 
    運行服務器輸入http://localhost:8080/DWRStudy/springUserInfo.html，可以看到運行結果 
    主要的區別是dwr.xml的配置，需要在creator=spring,然后里面的<param>的name用beanName,值是spring的配置文件里的bean的id。Name=location是指定spring的配置文件的路徑（如果不指定DWR可以根據web.xml自動找到spring的主配置文件）。 
    DWR的Annotation配置 
    還是上面spring那個例子的功能再來一遍(new 的配置太簡單)，這樣的話項目中的dwr.xml對于這個例子就沒有作用了 
    新建User類（包名換了） 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. package org.li.dwr.spring.annotation;   
      2. 
                
    2.   
      3. 
                
    3. import java.util.List;   
      4. 
                
    4.   
      5. 
                
    5. import org.directwebremoting.annotations.Convert;   
      6. 
                
    6. import org.directwebremoting.annotations.Create;   
      7. 
                
    7. import org.directwebremoting.annotations.Param;   
      8. 
                
    8. import org.directwebremoting.annotations.RemoteMethod;   
      9. 
                
    9. import org.directwebremoting.annotations.RemoteProperty;   
      10. 
                
    10. import org.directwebremoting.convert.BeanConverter;   
      11. 
                
    11. import org.directwebremoting.spring.SpringCreator;   
      12. 
                
    12. import org.li.dwr.Book;   
      13. 
                
    13.   
      14. 
                
    14. @Create(creator=SpringCreator.class,name="anspringuser",creatorParams={@Param(name="beanName",value="anuser"),@Param(name="location",value="applicationContext.xml")})   
      15. 
                
    15. @Convert(converter=BeanConverter.class)   
      16. 
                
    16. public class User   
      17. 
                
    17. {   
      18. 
                
    18.     private String welcome;   
      19. 
                
    19.     private String username;   
      20. 
                
    20.     @RemoteProperty  
      21. 
                
    21.     private String address;   
      22. 
                
    22.     private List<Book> books;   
      23. 
                
    23.     private int age;   
      24. 
                
    24.     public String getAddress()   
      25. 
                
    25.     {   
      26. 
                
    26.         return address;   
      27. 
                
    27.     }   
      28. 
                
    28.     public void setAddress(String address)   
      29. 
                
    29.     {   
      30. 
                
    30.         this.address = address;   
      31. 
                
    31.     }   
      32. 
                
    32.     public int getAge()   
      33. 
                
    33.     {   
      34. 
                
    34.         return age;   
      35. 
                
    35.     }   
      36. 
                
    36.     public void setAge(int age)   
      37. 
                
    37.     {   
      38. 
                
    38.         this.age = age;   
      39. 
                
    39.     }   
      40. 
                
    40.     public String getUsername()   
      41. 
                
    41.     {   
      42. 
                
    42.         return username;   
      43. 
                
    43.     }   
      44. 
                
    44.     public void setUsername(String username)   
      45. 
                
    45.     {   
      46. 
                
    46.         this.username = username;   
      47. 
                
    47.     }   
      48. 
                
    48.     public String getWelcome()   
      49. 
                
    49.     {   
      50. 
                
    50.         return welcome;   
      51. 
                
    51.     }   
      52. 
                
    52.     public void setWelcome(String welcome)   
      53. 
                
    53.     {   
      54. 
                
    54.         this.welcome = welcome;   
      55. 
                
    55.     }   
      56. 
                
    56.     public List<Book> getBooks()   
      57. 
                
    57.     {   
      58. 
                
    58.         return books;   
      59. 
                
    59.     }   
      60. 
                
    60.     public void setBooks(List<Book> books)   
      61. 
                
    61.     {   
      62. 
                
    62.         this.books = books;   
      63. 
                
    63.     }   
      64. 
                
    64.     @RemoteMethod  
      65. 
                
    65.     public User getUser(String welcome)   
      66. 
                
    66.     {   
      67. 
                
    67.         this.welcome=welcome;   
      68. 
                
    68.         return this;   
      69. 
                
    69.     }   
      70. 
                
    70. }   
      71. 
            
    
            
    
            
    
            
            
    新建過濾器類DWRAnLog 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. package org.li.dwr.log.annotation;   
      2. 
                
    2.   
      3. 
                
    3. import java.lang.reflect.Method;   
      4. 
                
    4.   
      5. 
                
    5. import org.directwebremoting.AjaxFilter;   
      6. 
                
    6. import org.directwebremoting.AjaxFilterChain;   
      7. 
                
    7. import org.directwebremoting.annotations.Filter;   
      8. 
                
    8. import org.directwebremoting.filter.SpringTransactionAjaxFilter;   
      9. 
                
    9. @Filter(type=SpringTransactionAjaxFilter.class)   
      10. 
                
    10. public class DWRAnLog implements AjaxFilter   
      11. 
                
    11. {   
      12. 
                
    12.   
      13. 
                
    13.     public Object doFilter(Object obj, Method method, Object[] params, AjaxFilterChain chain) throws Exception   
      14. 
                
    14.     {   
      15. 
                
    15.         System.out.println("annotation過濾器Log輸出:..對象："+obj.getClass().getName()+"方法："+method.getName());   
      16. 
                
    16.         return chain.doFilter(obj, method, params);   
      17. 
                
    17.     }   
      18. 
                
    18.   
      19. 
                
    19. }  
      20. 
            
    
            
    
            
    
            
            
    在spring的applicationContext.xml里加入 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. <bean id="anuser" class="org.li.dwr.spring.annotation.User">  
      2. 
                
    2.         <property name="username">  
      3. 
                
    3.             <value>javafish</value>  
      4. 
                
    4.         </property>  
      5. 
                
    5.         <property name="age">  
      6. 
                
    6.             <value>21</value>  
      7. 
                
    7.         </property>  
      8. 
                
    8.         <property name="address">  
      9. 
                
    9.             <value>北京市海淀區</value>  
      10. 
                
    10.         </property>  
      11. 
                
    11.     </bean>  
      12. 
            
    
            
    
            
    
            
            
    新建AnSpringUserInfoHtml.html 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
      2. 
                
    2. <html>  
      3. 
                
    3.   <head>  
      4. 
                
    4.     <title>UserInfo.html</title>  
      5. 
                
    5.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
      6. 
                
    6.     <script type='text/javascript' src='dwr/interface/anspringuser.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="anspringuserInfo.js"></script>  
      10. 
                
    10.   
      11. 
                
    11.   </head>  
      12. 
                
    12.      
      13. 
                
    13.   <body>  
      14. 
                
    14.     請輸入你的名字：   
      15. 
                
    15.     <input id="name" type="text"/>  
      16. 
                
    16.     <input id="jbutton" type="button" value="得到javafish(spring)的信息"/>  
      17. 
                
    17.     <div id="result"></div>  
      18. 
                
    18.     <script>load()</script>  
      19. 
                
    19.   </body>  
      20. 
                
    20. </html>  
      21. 
            
    
            
    
            
    
            
            
    新建anspringuserInfo.js 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. function load()   
      2. 
                
    2. {   
      3. 
                
    3.     var jbutton = $("jbutton");   
      4. 
                
    4.     jbutton.onclick=function(event)   
      5. 
                
    5.     {   
      6. 
                
    6.         bOnClick();   
      7. 
                
    7.     };   
      8. 
                
    8. }   
      9. 
                
    9. function bOnClick()   
      10. 
                
    10. {   
      11. 
                
    11.     alert("haha");   
      12. 
                
    12.     anspringuser.getUser($("name").value,callback);   
      13. 
                
    13. }   
      14. 
                
    14. function callback(msg)   
      15. 
                
    15. {   
      16. 
                
    16.     var user = msg;   
      17. 
                
    17.     DWRUtil.setValue('result',"歡迎你！"+user.welcome+"   姓名："+user.username+",年齡："+user.age+"，住址："+user.address);   
      18. 
                
    18. }  
      19. 
            
    
            
    
            
    
            
            
    在web.xml中 
    的DWR的servlet的初始化參數里加入 
    
            
    代碼
    
            
    
            
    
            
    
            
      
                
    1. <init-param>  
      2. 
                
    2.        <param-name>classes</param-name>  
      3. 
                
    3.        <param-value>  
      4. 
                
    4.             org.li.dwr.log.annotation.DWRAnLog,org.li.dwr.spring.annotation.User   
      5. 
                
    5.        </param-value>  
      6. 
                
    6.     </init-param>  
      7. 
            
    
            
    
            
    
            
            
    運行服務器輸入http://localhost:8080/DWRStudy/AnSpringUserInfo.html，成功了 
    用Annotation的配置和dwr.xml的意思基本一樣，這里就不多做介紹了。 
    Util.js的函數庫 
    $()和prototype.js一樣相當于document.getElementById 

    (Set)getValue（）(設置)得到元素的值一般是（設置）得到元素的innerHTML。 
    getText()得到元素的文本值 
    (set)getValues()（設置）得到元素下的元素，以array為對象載體。 
    這里都是一些最常用的函數，具體可以看一下util.js文件。
            
     
    
                		
        
    
        

    

    

    
    
        
    
            DWRStudy.rar
        
    
        
    
             描述:
             源代碼 
            
    下載     		
        
    
        
    
             文件名:
             DWRStudy.rar
        
    
        
    
             文件大小:
             23 KB
        
    
        
    
             下載過的:
             文件被下載或查看 438 次
        
    
        

    

    

	
    
	
	
    
		posted on 2007-04-16 15:12 張金鵬 閱讀(345) 評論(0)  編輯  收藏  所屬分類: AJAX技術 
	
    

    







    
	    
    




    








    

				

    




    







    
        
	



主站蜘蛛池模板：
亚洲乱码中文字幕综合|
亚洲真人无码永久在线观看|
亚洲自偷自偷图片|
亚洲高清国产AV拍精品青青草原|
亚洲国产精品自在在线观看|
亚洲高清中文字幕免费|
一级女性全黄生活片免费看|
午夜视频免费在线观看|
成人免费午夜视频|
国产精品亚洲玖玖玖在线观看|
亚洲国产人成网站在线电影动漫|
中文字幕无码亚洲欧洲日韩|
四虎一区二区成人免费影院网址
|
三年片在线观看免费大全电影|
美女被cao免费看在线看网站|
免费国产成人午夜电影|
亚洲AV成人一区二区三区AV|
亚洲欧美国产欧美色欲|
国产日韩在线视频免费播放|
国产免费av片在线看|
激情97综合亚洲色婷婷五|
亚洲性色成人av天堂|
色爽黄1000部免费软件下载|
精品一区二区三区免费毛片爱|
国产美女做a免费视频软件|
亚洲成av人影院|
粉色视频成年免费人15次|
无码精品国产一区二区三区免费|
成人国产mv免费视频|
日韩精品一区二区亚洲AV观看|
羞羞漫画在线成人漫画阅读免费
|
美女视频黄a视频全免费网站色|
久久久久国色av免费看|
免费一级毛片在播放视频|
亚洲第一永久在线观看|
9久热这里只有精品免费|
欧美日韩国产免费一区二区三区|
国产亚洲精品xxx|
无码AV动漫精品一区二区免费
|
5555在线播放免费播放|
精品国产亚洲一区二区在线观看
|