DWR框架快速入门<学习随笔>

DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站。
它可以允许在浏览器里的代码使用运行在 WEB服务器 上的JAVA函数,就像它就在浏览器里一样

1写简单java类
主要类
public class HelloDwr {
     public String hello(String name){
      System.out.println("hello DWR");
      return name+",你好!DRW";
     }
     //传入对象
     public String sendObj(Person p){
      System.out.println(p.getName());
      return p.getName();
     }
     //传入属性 返回对象
     public Person getBean(String name){
      return new Person(name);
     }
     //返回一个List<Person>对象
     public List<Person> getPersonList(){
      System.out.println("list集合");
      List<Person> person = new ArrayList<Person>();
      person.add(new Person("张三"));
      person.add(new Person("李四"));
      person.add(new Person("马五"));
      return person;
     }
     //返回一个List集合 需要在dwr.xml中配置得以解析
     public String getList(List<Person> pl){
      String rsult="";
      for(Person p:pl){
       rsult+="---"+p.getName();
      }
      return rsult;
     }
     //传入远程 map
     public Map<String,Person> sendMap(){
      Map<String,Person> m= new HashMap<String, Person>();
      m.put("zhangsan", new Person("张三"));
      m.put("lisi", new Person("李四"));
      m.put("mawu", new Person("马五"));
  return m;
     
     }
     //从远程得到一个map
     public String getMap(Map<String,Person> m){
      String str="";
      for(String key:m.keySet()){
       str+=key+"----"+
       m.get(key).getName()+"\n";
      }
   return str;
       
      }
     public String included(String str){
      return "这是一个被暴露的方法";
     }
     
     public String exclude(String str){
      return "这个是被隐藏的方法";
     }


辅助类

public class Person {
   private String name;
   private String sex;
   private int age;
   
   public Person() { 
   public Person(String name) {
    this.name=name;
    }
//字段封装省略
}


2.配置web.xml文件


<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE web-app PUBLIC
    "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
    " http://java.sun.com/dtd/web-app_2_3.dtd">

<web-app id="dwr">

 
  <listener>
    <listener-class>org.directwebremoting.servlet.DwrListener</listener-class>
  </listener>
  
  <servlet>
    <!-- 指定DWR核心servlet的名字 -->
    <servlet-name>dwr-invoker</servlet-name>
    <!--指定DWR核心servlet的实现类  -->
    <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
     <!--指定DWR核心servlet处在调试模式   正常发布时 应改为 false -->
 <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>

</web-app>

3.配置dwr.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" " http://getahead.org/dwr/dwr30.dtd">

<dwr>

  <allow>
  <!--在页面上JavaScript 对象为hello  -->
  <create creator="new" javascript="hello">
  <param name="class" value="dwr.HelloDwr"/>
 <!--  默认全部暴露 
  被隐藏的方法 
  <exclude method="exclude"/>
  被暴露的方法 
  <include method="hello"/>
  <include method="included"/>
   -->
  </create>
  <!--类转换器  --> 
  <!--扫描一个包   match="dwr.*-->
  <--<convert match="dwr.Person" converter="bean"> 与下面的实质相同  这个是通过setter gettet  访问属性 而下面的则是使用反射-->
  <convert match="dwr.Person" converter="object">
  <!--指定force 强制使用反射访问私有属性  -->
  <param name="force" value="true"></param>
  </convert>
  <!--集合转换器  -->
  <!--数组类型无需 转换器  -->
  <convert match="java.util.Collection" converter="collection"/>
  <convert match="java.util.Map" converter="map"/>
  </allow>
  <!--list是一个比较特殊的集合 不知道其泛型  页面无法转换  -->
  <signatures>
  <![CDATA[
  import java.util.List;
  import dwr.HelloDwr;
  import dwr.Person;
  HelloDwr.List<Person> getPersonList();
  HelloDwr.getList(List<Person>);
  ]]>
  </signatures>
</dwr>

4.页面


<html>
  <head>
    <title>My JSP 'index.jsp' starting page</title>
 <script type="text/javascript" src="dwr/engine.js"></script>  注:自动生成,封装在jar包中  路径看web配置,必须加载上
 <script type="text/javascript" src="dwr/util.js"></script>  注:自动生成,封装在jar包中  路径看web配置,提供便捷工具 
 <script type="text/javascript" src="dwr/interface/hello.js"></script> 注:自动生成,自己写的  看dwrxml  路径看web配置 固定地址 */interface/*,必须加载上
 <script type="text/javascript">
 function sendstr(){
 alert("测试");
 hello.hello("hello DWR",function (data){
 alert(data);
 });
 }
 //---------------------------------------
 function sendobj(){
 var nameval =document.getElementById("name").value;
 alert(nameval);
 hello.sendObj({name:nameval},function (data){
 alert(data);
 });
 }
 //----------------------------------------
 function getbean(){
 var nameval =document.getElementById("name").value;
 hello.getBean(nameval,function (data){
 alert(data.name);
 });
 }
 //----------------------------------------
 function getlist(){
 hello.getPersonList(function (data){
 for(var i in data){
    alert(data[i].name);
 }
 });
 }
 //----------------------------------------
 function sendlist(){
 //json 数组 后台需要有相应的setget
 var v=[
 {name:"zs"},
 {name:"ls"},
 {name:"mw"}
 ];
 hello.getList(v,function (data){
 alert(data);
 }
      );
 }
 //----------------------------------------
 //解析传过来的MAP
 function sendMap(){
 var result="";
 hello.sendMap(function (data){
 for(var key in data){
 result+="键为 "+key+"值为"+data[key].name+"<br>";
 }
 alert(result);
 });
 }
 //----------------------------------------
 function getMap(){
 //后台需要有相应的setget
    var map={
          "zhangshan":{name:"张三"},
          "lisi":{name:"李四"},
          "mawu":{name:"马五"}
            };
 hello.getMap(map,function (data){
 alert(data);
 for(var i=0;i<data.lenght;i++)
 alert(data[i].name);
 });
 }
 </script>
  </head>
 
  <body>
      姓名<input type="text" name="name"  id="name"/><br>
   <input type="button" onclick="sendstr()"  value="传入普通字符串  返回字符串"/><br>
   <input type="button" onclick="sendobj()"  value="传入对象属性  返回字符串"/><br>
   <input type="button" onclick="getbean()"  value="传入对象属性  返回对象"/><br>
   <input type="button" onclick="getlist()"  value="返回对象List集合"/><br>
   <input type="button" onclick="sendlist()"  value="传入对象集合"/><br>
   <input type="button" onclick="sendMap()"  value="解析MAP集合"/><br>
   <input type="button" onclick="getMap()"  value="传入MAP集合"/><br>
  </body>
</html>


与spring整合
Spring XML配置
在spring配置文件里面 加入要变成 JavaScript的类 
eg:
<beans>
<bean id=" hello" class="">
</beans>
dwr.xml 配置
<allow>
<create creator="new"   javascript="hello">
  <param name="beanName" value=" hello "/> 
</create>
</allow>

附加:
使用json回调 可选项更多
  function sendMessage()
{
  //获取name文本框的值
  var name = document.getElementById("name").value;
  //使用json格式调用远程java方法
  hello.hello(name, {
    //指定回调函数
    callback:cb,
    //指定超时时间
    timeout:5000,
    //指定错误处理函数,对于dwr1.x,如果服务端发生异常,该函数被激发;从dwr2.0开始,服务端异常激发exceptionHandler函数。
    errorHandler:function(message){alert("Oops: " + message);},
   
    //当因为浏览器bug引起的问题激发此函数,该选项只有dwr2.0才支持。
    warningHandler:function(message){alert("Oops: " + message);},
    //当服务器响应不是正确的text/html页时,激发该函数。通常,超时也会激发该函数。
    textHtmlHandler:function(message){alert("Oops: " + message);},
    //远程调用失败后激发该函数。通常服务器端处理异常或者数据转换异常时会激发该函数。
    exceptionHandler:function(message){alert("Oops: " + message);},
    //指定发送请求的方法,分别是GET请求和POST请求。
    httpMethod:'POST',
    //指定是否发送异步请求。默认值true,即使用异步请求。通常建议不使用同步请求。
    async:true,
    //指定远程调用方式,三个值DWREngine.XMLHttpRequest,DWREngine.Iframe,DWREngine.ScriptTag,分别使用XMLHttpRequest,Iframe,ScriptTag,默认为XMLHttpRequest方式
    rpcType:DWREngine.XMLHttpRequest,
   
    //指定一个Hook函数,该函数在远程调用之前被激发。
    preHook:function(){alert('远程调用之前.....')},
    //指定一个Hook函数,该函数在远程调用之后被激发。
    postHook:function(){alert('远程调用之后.....')}
  }
 );
//回调函数
function cb(data)
{
 document.getElementById("show").innerHTML = data;
}
DWREngine.setOrdered(boolean)方法:true,严格限制响应顺序,默认false;
DWREngine.setTimeout(5000)方法:设置全局响应时间
DWREngine.setPreHook(preFun);
DWREngine.setPostHook(postFun);
注:转载请声明何处

你可能感兴趣的:(java,Ajax,DWR,开源框架,设计)