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

来源：互联网发布：windows bitlocker 编辑：程序博客网时间：2024/05/18 02:32

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

</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>
  
  <create creator="new" javascript="hello">
  <param name="class" value="dwr.HelloDwr"/>

  </create>

<--<convert match="dwr.Person" converter="bean"> 与下面的实质相同这个是通过setter gettet 访问属性而下面的则是使用反射-->
  <convert match="dwr.Person" converter="object">
  
  <param name="force" value="true"></param>
  </convert>
  
  
  <convert match="java.util.Collection" converter="collection"/>
  <convert match="java.util.Map" converter="map"/>
  </allow>
  
  <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>

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>

</body>

</html>

与spring整合

Spring XML配置

在spring配置文件里面加入要变成 JavaScript的类

eg：

<beans>

</beans>

dwr.xml 配置

<allow>

</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);

注:转载请声明何处

0 0