DWR框架快速入门<学习随笔>
2016-05-08 00:00
501 查看
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);
注:转载请声明何处
它可以允许在浏览器里的代码使用运行在
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);
注:转载请声明何处
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- zzuli OJ 1036: 某年某月有多少天
- zzuli OJ 1019: 公园门票
- zzuli OJ 1114: 逆序
- zzuli OJ 1013: 求两点间距离
- zzuli OJ 1040: 数列求和1
- zzuli OJ 1120: 最值交换
- zzuli OJ 1049: 平方和与立方和
- JSP页面的五种跳转方法
- zzuli OJ 1072: 青蛙爬井
- zzuli OJ 1108: 打印数字图形（函数专题）
- C语言查看程序运行的时间
- zzuli OJ 1031: 判断点在第几象限
- 字符串转日期
- zzuli OJ 1080: a+b（多实例测试3）
- C语言入门学习视频
- zzuli OJ 1094: 统计元音（函数专题）
- zzuli OJ 1027: 判断水仙花数
- zzuli OJ 1018: 奇数偶数
- linux文件系统简介
- zzuli OJ 1102: 火车票退票费计算（函数专题）