DWR的学习笔记

最新推荐文章于 2014-06-06 15:27:57 发布

cmmiao1103

最新推荐文章于 2014-06-06 15:27:57 发布

阅读量124

点赞数

分类专栏： web開發文章标签： DWR Servlet JavaScript Web JSP ViewUI

web開發专栏收录该内容

13 篇文章

订阅专栏

1.1 DWR简介　

DWR是一个可以允许你去创建AJAX WEB站点的JAVA开源库。它可以让你在浏览器中的Javascript代码调用Web服务器上的Java代码，就像在Java代码就在浏览器中一样。

DWR包含2个主要部分：

　 1、一个运行在服务器端的Java Servlet，它处理请求并且向浏览器发回响应。

　　 2、运行在浏览器端的JavaScript，它发送请求而且还能动态更新网页。　

DWR工作原理是通过动态把Java类生成为Javascript。

1.2　第一个DWR程序：Hello World 　　

　　　1.2.1 将DWR放入你的工程　　　　　

　　　　1）从官方网站下载dwr.jar包。然后将它放在你webapp的WEB-INF/lib目录下。　　　

　　　　2）将下载的dwr-版本号-src.zip \java\org\directwebremoting内的engine.js和util.js放入WEB应用中，比如js文件夹下。　　

　　　1.2.2 编辑配置文件　　　

　　　　1. web.xml 　　　

　　　　注意，要把<servlet>和其他<servlet>放在一起，<servlet-mapping>要和其他<servlet-mapping>放在一起

<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_9" version="2.4"
	xmlns="http://java.sun.com/xml/ns/j2ee"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">

<display-name>projectName</display-name>
    <!-- 其它的一些相关配置 　在此省略-->
      <!-- 开始DWR配置 -->
	<servlet>
		<servlet-name>dwr-invoker</servlet-name>
		<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
		<init-param>
			<param-name>debug</param-name>
			<param-value>true</param-value>
		</init-param>
		<load-on-startup>1</load-on-startup>
	</servlet>
	
	<servlet-mapping>
		<servlet-name>dwr-invoker</servlet-name>
		<url-pattern>/dwr/*</url-pattern>
	</servlet-mapping>
	<!-- 结束DWR配置 -->

</web-app>

　2. dwr.xml

　　在web.xml的同一目录下，创建dwr.xml，并且将要被调用的java类写入其中。

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd"> 

<dwr> 

   <allow> 
   
      <create creator="new" javascript="service"> 
   
             <param name="class" value="helloWorld.Service" /> 

      </create> 

   </allow>

 </dwr>

　1.2.3 编写service
　　

　　就像没有dwr一样，写一个简单类并加一个方法

package helloWorld;

public class Service {

   public String sayHello(String yourName) 

  { 

  //可以是访问数据库的复杂代码 

   return "Hello World " + yourName; 

  } 

}

1.2.4 测试DWR
　　将代码放入应用服务器（比如Tomcat），启动。
　　然后在地址栏输入http://localhost:8080/你的工程（projectName）/dwr

然后点击service，会看到刚才写的sayHello()的方法，输入自己的名字然后点击“Execute”，如果发现确实是正确的返回结果，说明测试通过了，可以进入下一步了。

1.2.5 编写一个jsp

接下来最后一步就是创建一个jsp文件

1）要引用几个dwr的js，其中engine.js必须要，如果需要用到dwr提供的一些方便的工具要引用util.js

2）然后还要引用dwr自动生成的js，dwr/interface/service.js，注意js名字要和dwr.xml配置的一样

3） js里的service.sayHello和java类的那个有一点区别，多了个参数，用来callback返回的数据

<%@ page language="java" pageEncoding="UTF-8"%> 

<html> 

    <head> 
      <title>My JSP 'first_dwr.jsp' starting page</title>
    
     <script type='text/javascript' src='js/util.js'></script> 
     <script type='text/javascript' src='js/engine.js'></script>

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

      <script type="text/javascript"> 
     
      function firstDwr()
     { 
         
       service.sayHello("Jorwen",callBackHello); 

     } 
     function callBackHello(data)
     {    
         alert(data); 
     } 
   
    </script> 

    </head>
    <body> 
    
    <input type="button" name="button" value="测试" onclick="firstDwr()"> 

   </body>

</html>

地址栏输入http://localhost:8080/你的工程(projectName)/first_dwr.jsp 进行测试