隨筆-8 
評論-8 
文章-10 
trackbacks-0

          
	

          

          
	
					


          
	
	 

          DWR入門helloworld
          

          一、DWR簡介
          

          DWR是一個可以允許你去創建AJAX WEB站點的JAVA開源庫。它可以讓你在瀏覽器中的JavaScript代碼調用Web服務器上的Java代碼，就像Java代碼運行在瀏覽器中一樣。
          

          DWR包含2個主要部分：
          

          1.       一個運行在服務器端的Java Servlet，他處理請求并且向瀏覽器發回響應。
          

          2.       運行在瀏覽器端的JavaScript，它發送請求而且還能動態更新網頁
          

          二、第一個DWR程序：Hello World
          

          也許你不明白為什么要這么做，但是請先做一遍，為什么會在后邊講解。
          

          1.       將DWR放入你的工程
          

          從http://directwebremoting.org/dwr/download 下載dwr.jar包 放入你的工程/WEB-INF/lib下
          

          2.       編輯配置文件
          

          a.       web.xml
          

          將一下代碼添加到WEB-INF/web.xml文件中。
          

              
          
            

                  <servlet>
          

          
                        <servlet-name>dwr-invoker</servlet-name>
          

          
                        <servlet-class> uk.ltd.getahead.dwr.DWRServlet</servlet-class>
          

          
                        <init-param>
          

          
                               <param-name>debug</param-name>
          

          
                               <param-value>true</param-value>
          

          
                        </init-param>
          

          
                 </servlet>
          

          
                 <servlet-mapping>
          

          
                        <servlet-name>dwr-invoker</servlet-name>
          

          
                        <url-pattern>/dwr/*</url-pattern>
          

          
                 </servlet-mapping>
          

          

          


          
b.       dwr.xml
          

          在與web.xml同一文件夾下創建dwr.xml 并寫入以下內容
          

          

                  
          

          <?xml version="1.0" encoding="UTF-8"?>
          

          
          <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
          

          
          <dwr>
          

          
          <allow>
          

          
          <create creator="new" javascript="Hello">
          

          
          <param name="class" value="onlyfun.caterpillar.Hello" />
          

          
          </create>
          

          
          </allow>
          

          
          </dwr>
          

          

          


          
3.    編寫Hello類
          

          像平常一樣，寫一個簡單的類并加一個方法
          

           
          

          package onlyfun.caterpillar; 
          

          
publicclass Hello           { 
          

          
          public String hello(String name) {
          

          
                    return"哈囉！" + name + "！您的第一個DWR！";    
          

          
     }
          

          
}
          

          

           
          

          4.    測試DWR
          

          將web服務器服務啟動然后輸入http://localhost:8080/你的工程/dwr
          

          

              
          
              點擊Hello 會看到剛才寫的hello方法
          

              輸入自己的名字，點擊Execute ，如果返回結果正確說明測試通過，可以進入下一步。
          

              
          

          5.    編寫頁面
          

          編寫頁面時需要注意幾點：
          

          a.    要引用幾個dwr的js文件，engine.js為必要文件，util.js需要用到其中功能時加入（util.js功能會在后面介紹到）。
          

          b.    引用dwr自動生成的js文件，dwr/interface/Hello.js ，需要注意的是這個js的文件名需要和dwr.xml中配置的一致
          

          c.    當在js中調用java方法時會多一個參數，用來處理返回的數據。
          

          Hello.html代碼如下：
          

                  
          

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
          

          
          <html>
          

          
              <head>
          

          
                 <meta http-equiv="Content-Type" content="text/html; charset=BIG5">
          

          
                 <title>第一個DWR程式</title> 
          

          
                 <script type='text/javascript' src='dwr/interface/Hello.js'></script> 
          

          
                 <script type='text/javascript' src='dwr/engine.js'></script>
          

          
                 <script type='text/javascript' src='dwr/util.js'></script> 
          

          
                 <script type='text/javascript' src='hello.js'></script>
          

          
              </head>
          

          
              <body>
          

          
                 <input id="user" type="text" /><input type='button' value='哈囉' onclick='hello();' />
          

          
                 <div id="result"></div>
          

          
              </body>
          

          
          </html>
          

          

          


          
        
          
       hello.js代碼如下
          

          

              
          

          <!--
          

          
          function hello() {
          

          
          //$為util.js中的功能相當于document.getElementById
          

          
          var user = $('user').value;
          

          
Hello.hello(user, callback);
          

          
}           
          

          
          //回調函數(callback)
          

          
          function callback(msg) {
          

          
DWRUtil.setValue('result', msg);
          

          
}           
          

          
          -->
          

          

          


          

          
    6.測試頁面
          

              在瀏覽器中輸入http://localhost:8080/你的工程/Hello.html
          

              在輸入框中輸入你的名字
          

              
          

              如果返回結果正確，那么恭喜你，你的第一個DWR程序成功了。
          

              如果不正確，請根據以上步驟認真檢查。
          

          三、本章小結
          

          本章通過一個十分簡單的例子，讓大家明白如何使用DWR讓js可以輕松的訪問java程序，
          

          做完這個程序后，可以算是DWR入門了，以后的教程里會更詳細的介紹DWR的各個功能。
          
 

          

          
每天進步一點點
          

	
          posted on 2008-07-23 10:43 應越 閱讀(818) 評論(1)  編輯  收藏  所屬分類: DWR學習 
          

          







          
	    
    


          
評論:

          
	

		
          
			
          
			# re: DWR學習(一) DWR入門helloworld[未登錄]
				2012-01-11 15:15 | joy
          
				
          例子是錯的。。刪了，別誤導人了。。
          The new creator that we used above uses the public no-args constructor that all Java Beans must have.   回復  更多評論
            
          
			
          
			
			
		
          
	








          





          


          

	
          
		
          
				
		
	
		
          
		
		
          只有注冊用戶登錄后才能發表評論。
          
		
          
			
		
          
			
		
          
		
		
          
		


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				

          







    







          
        
	




主站蜘蛛池模板：
永靖县|
浑源县|
肇东市|
长春市|
莎车县|
正宁县|
潜山县|
长垣县|
嘉黎县|
沙河市|
南岸区|
元阳县|
崇信县|
延川县|
华阴市|
丹凤县|
兴义市|
遂宁市|
扶沟县|
内乡县|
莒南县|
亳州市|
苏尼特右旗|
英吉沙县|
织金县|
文山县|
惠水县|
广水市|
平阳县|
古浪县|
金华市|
大方县|
西城区|
上思县|
罗城|
二手房|
扶余县|
湘潭市|
晴隆县|
临洮县|
全南县|