yxwang0615 发表于 2013-1-29 09:27:47

DWR 2.0 DEMO

DWR的工作原理:
 
DWR(Direct Web Remoting)是在Java EE中较流行的AJAX框架,它的最大优势就是可以像使用本地的Javascript函数一样,调用服务器上的Java方法。
其实DWR原理也不复杂,它先在web.xml中配置一个Servlet,映射到特定的路径(通常是%CONTEXT_PATH%/dwr/*)。这个Servlet的作用就是初始化要暴露给Javascript调用的Java类(通过dwr.xml进行配置),并生成相应的代理的Javascript类代码。在XHR请求到来的时候,Servlet负责将请求的参数变成对应的Java对象,并以其为参数调用目标Java方法,并将返回值转化为Javascript代码。详情请参考:http://getahead.ltd.uk/dwr/
 
了解了原理,下面就来说一下如何创建一个简单的DWR DEMO程序,步骤如下:
 
1.新建工程,导入dwr.jar;
2.在web.xml中插入:
<!-- DWR2.0 BEGIN -->   <servlet>    <servlet-name>dwrInvoker</servlet-name>    <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>    <init-param>      <param-name>debug</param-name>      <param-value>true</param-value>    </init-param>    <init-param>      <param-name>classes</param-name>    <param-value>java.lang.Object</param-value>    </init-param>            <load-on-startup>10</load-on-startup></servlet><servlet-mapping>    <servlet-name>dwrInvoker</servlet-name>    <url-pattern>/dwr/*</url-pattern></servlet-mapping><!-- DWR2.0 END --> 3. 构建业务逻辑类和相关的实体:
    User.java:
  
public class User implements Serializable{private int id;private String uname;private String upass;                getter & setter...} 
  
public class UserManager implements Serializable{public List getlist(){List users = new ArrayList();User u = null;for(int i = 0; i < 5; i++){u = new User();u.setId(i);u.setUname("name" + i);u.setUpass("pass" + i);System.out.println(i);users.add(u);}return users;}public boolean validate(String uname, String upass){if("admin".equals(uname)&& "admin".equals(upass)){return true;}return false; } 
 4.在和web.xml同级的目录下,新建dwr.xml:
<?xml version="1.0" encoding="UTF-8"?><dwr><!-- AJAX技术具体实现 -->    <allow>       <!--convert将bean的集合变成javascript中的对象数组-->      <convertconverter="bean" match="com.wyx.test.User"></convert>      <!-- 业务处理类 --><!-- 每个被调用的类都需要一个 <create> 来定义。有几种类型的creator,最常用的是“new”关键字和Spring框架   Javascript是用于你在js中调用这个对象时使用什么名称,建议直接使用类名,这样一样就知道它对应哪个类 -->      <create creator="new" javascript="UserManager" class="com.wyx.test.UserManager" scope="session"><!--include则规定页面只能调用某些方法. exclude可以禁止页面调用后台的某个或某些方法 --><include method="getlist"/><include method="validate"/>      </create>         </allow></dwr>说明: 
(1)Creator是创建这个对象所使用的构建器,如果你希望使用传统的new方法就写成new,如果你希望使用spring来创建则写成spring,如果你使用了spring并且在creator中选择了spring,那么你需要一个叫beanName的参数,而其Value就是在spring配置文件中配置的beanName.
  
<create creator="spring" javascript="UserManager"   class="com.wyx.test.UserManager" scope="session">         <param name="beanName" value="departmentBus"/></create> 
(2)converter常用的可选值:bean、object、hibernate2、hibernate3 ,match用于告诉DWR你将需要把java中的哪些类转换成js。
5.在页面中使用DWR帮我们生成的代理JavaScript:
index.jsp:
<!--导入脚本--><script type="text/javascript" src="/mydwr/dwr/interface/UserManager.js"></script><script type="text/javascript" src="/mydwr/dwr/engine.js"></script><script type="text/javascript" src="/mydwr/dwr/util.js"></script><!--创建script脚本--><script type="text/javascript">function getlist(){//alert("aaa");UserManager.getlist(callback1);} function validate(){ var uname = document.getElementById("txt_name").value; var upass = document.getElementById("txt_pass").value; UserManager.validate(uname, upass, callback2);}function callback1(data){    var innerStr = "id   user   pass<br/>";for(var i = 0; i< data.length; i++){innerStr += data.id + "   " + data.uname + "   " + data.upass + "<br>";   DWRUtil.setValue("mydiv",innerStr);}//document.getElementById("mydiv").innerHTML = innerStr;}function callback2(data){if(data){alert("your loing messages are right!");}else{alert("sorry , your messages are wrong!");}}</script><!--使用脚本--><body>    uname: <input id="txt_name" type="text" /><br>    upass: <input id="txt_pass" type="password" /><br>      <input type="button" value="longin" ><br>      <input type="button" value="getlist" >    <div id="mydiv"></div> 
 JavaScript方法的最后一个参数是回调函数的方法名字,不要连回调方法的参数也写上,仅仅是名字。
 
 util.js包含了一些使用的方法,从而帮助你利用javascript(可能)从服务器端更新你的web数据。你可以在DWR之外的地方使用它,因为它并不依赖与DWR而实现。它包含四个页面处理函数:
1 getText()作用于select lists。
2 getValue()、setValue()作用于除tables、lists和images以外的大多数html元素。
3 addRows()和removeAllRows()用于编辑tables。
4 addOptions()和removeAllOptions()用于编辑lists(如:select lists、ul、ol)。
再具体的可以从http://www.uml.org.cn/AJAX/200812222.asp了解。
engine.js对于DWR来说是至关重要的,因为它被动态生成的接口j avascript函数所调用,因此在使用DWR的地方都必须使用它.所有使用DWR的页面都需要加入下面代码来导入这个DWR主引擎:
<script type='text/j avascript'   src='//dwr/engine.js'></script> 
dwr.engine._execute is not a function???
 
 相关资料:
 
<div class="blog_content">http://www.iteye.com/topic/119767
http://www.javatang.com/archives/2006/10/20/254879.html
http://www.javatang.com/archives/2006/10/24/424782.html
http://www.sunxin.org/forum/thread/19848.html
http://blog.sina.com.cn/s/blog_3de4b2da010004eb.html
页: [1]
查看完整版本: DWR 2.0 DEMO