第一个 dwr 程序

dwr学习

1、下载dwr.JAR
2、新建一个web，将jar包放入到lib下
3、由于dwr使用的是自身的servlet来与服务端通信，因此要在web.xml中
配置dwr的servlet

<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>
	</servlet>

	<servlet-mapping>
		<servlet-name>dwr-invoker</servlet-name>
		<url-pattern>/dwr/*</url-pattern>
	</servlet-mapping>

4、由于dwr 是将后台的JavaBean 类 动态转换成JavaScript对象
因此，我们要使用一个配置文件，配置JavaBean与JavaScript对象之间的映射。
新建一个dwr.xml文件，放入到web-inf下

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd">
<dwr>
  <allow>
    <create creator="new" javascript="test1">
      <param name="class" value="com.manager.MyManager"/>
    </create>
  </allow>
</dwr>

这里的test1就是动态生成的JavaScript对象
在jsp页面上引用就是用这个名称

5、新建一个jsp页面，通过dwr来调用服务器端的JavaBean

一定要引入一下的JavaScript包

引用

<script type="text/javascript" src="dwr/engine.js">
        </script>
        <script type="text/javascript" src="dwr/util.js">
        </script>
        <script type="text/javascript" src="dwr/interface/test1.js">
        </script>

首先引入DWR中的两个核心javascript库：engine.js和util.js，它们分别是dwr中的核心引擎库和辅助工具函数库！

第三个引入的dwr/interface/test1.js，实际上这个文件并不存在，这是由dwr在运行的时候动态生成的！test1这个名称，跟dwr.xml文件中配置的对应对象的javascript属性一致！


写一个JavaScript函数，来调用后台的JavaBean就可以了，这里的名称就是test1

<script type="text/javascript">
function sayHello(){
	test1.sayHello("李四ddd",
		function(data){
			alert(data);
		}
	);
}

"李四ddd"，是传入的参数，
sayHello是调用的JavaBean方法
注意可以使用回调函数，因为dwr是ajax，有返回值返回

在body体中调用就可以了
<a href="#" onclick="sayHello()">Test1</a>

试一下吧！！！