- 浏览: 28339 次
- 性别:
- 来自: 襄樊
文章分类
最新评论
-
xf_zhanghaidong:
[list][*]引用[*][img][/img][url][ ...
OSCache缓存技术 -
xf_zhanghaidong:
...
OSCache缓存技术
示例代码如下:
首先导入项目所需要的包,如下:dwr.jar,commons-logging-1.0.4.jar,版本可以调整;
1.web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="2.4"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<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>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
</web-app>
2.DWRTest.java
package com.micro;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
@SuppressWarnings("unchecked")
public class DWRTest {
/**
* 第一个简单调用
*/
public String getStr() {
return "第一个dwr示例,调用成功";
}
/**
* 带传递参数的调用,返回String
*/
public String getInfo(String name, int age, String address) {
return "我的名字叫" + name + ",现年" + age + "岁," + "来自" + address;
}
/**
* 返回数组Array
*/
public String[] getStrArray() {
return new String[] { "one", "two", "three", "go!" };
}
/**
* 返回集合List
*/
public List getList() {
List list = new ArrayList();
list.add("welcome");
list.add("to");
list.add("BeiJing");
return list;
}
/**
* 返回Map类型
*/
public Map getMap() {
Map map = new HashMap();
map.put("name", "周星星");
map.put("hobby", "逃课");
return map;
}
/**
* 返回二维数组类型
*/
public List getArrayList() {
List list = new ArrayList();
list.add(new String[] { "1", "2", "3" });
list.add(new String[] { "one", "two", "three", "four", "five" });
return list;
}
/**
* Exception处理
*/
public List getListTest(List list) {
try {
list.get(0);
} catch (Exception e) {
throw new NullPointerException("数据位空");
}
return list;
}
}
3.dwr.xml
<?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 javascript="dwr" creator="new">
<param name="class" value="com.micro.DWRTest" />
</create>
<!-- 类型转换为JavaBean的处理 -->
<create javascript="dwrBean" creator="new" scope="request">
<param name="class" value="com.micro.UserRs" />
</create>
<convert match="com.micro.User" converter="bean">
<param name="include" value="name,pass" />
</convert>
<!-- 异常Exception的处理 ,默认情况下dwr对异常的处理就是一个弹出框提示为Error-->
<create javascript="dwrException" creator="new">
<param name="class" value="com.micro.DWRTest" />
</create>
<convert match="java.lang.NullPointerException" converter="exception" />
</allow>
</dwr>
4.mydwr.js
/**
* 无参数
*/
function invoke1(){
dwr.getStr(
function(value){
alert(value);
}
);
}
/**
* 有参数
*/
function invoke2(){
dwr.getInfo("长江七号",3,"火星",
function(value){
alert(value);
}
);
}
/**
* 返回数组
*/
function invoke3(){
dwr.getStrArray(
function(array){
var str="";
for(var i=0;i<array.length;i++){
str += array[i]+" ";
}
alert(str);
}
);
}
/**
* 返回集合(集合和数组的处理方式一样)
*/
function invoke4(){
dwr.getList(
function(list){
var str="";
for(var i=0;i<list.length;i++){
str += list[i];
}
alert(str);
}
);
}
/**
* 返回Map
*/
function invoke5(){
dwr.getMap(
//有如下两种处理方式
/*1)已知map的key*/
function(map){
alert("姓名:"+map.name+",爱好:"+map.hobby);
}
/*2).遍历的方式
function(map){
for(var key in map){
alert(key+":"+map[key]);
}
}*/
);
}
/**
* 返回数组的集合(二维数组)
*/
function invoke6(){
dwr.getArrayList(
function(arrayList){
var str="";
for(var i=0;i<arrayList.length;i++){
for(var j=0;j<arrayList[i].length;j++){
str += arrayList[i][j];
}
str+="\n\r";
}
alert(str);
}
);
}
/**
* 同步设置
*/
function invoke7(){
dwr.engine.setAsync(false);//设置同步,那么后续的方法才能按照顺序执行
invoke1();
invoke2();
}
/**
* 批处理batch(按照先后顺序执行)
*/
function invoke8(){
dwr.engine.beginBatch();
invoke1();
invoke2();
dwr.engine.endBatch();
}
5.index.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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/dwr.js'></script>
<script type="text/javascript" src="mydwr.js"></script>
</head>
<body>
<input type="button" value="DRW1" onclick="invoke1()" />
<br />
<input type="button" value="DRW2" onclick="invoke2()" />
<br />
<input type="button" value="DRW3" onclick="invoke3()" />
<br />
<input type="button" value="DRW4" onclick="invoke4()" />
<br />
<input type="button" value="DRW5" onclick="invoke5()" />
<br />
<input type="button" value="DRW6" onclick="invoke6()" />
<br />
<input type="button" value="DRW7" onclick="invoke7()" />
<br />
<input type="button" value="批处理测试" onclick="invoke8()" />
</body>
</html>
上述,index.jsp页面就对上述各种dwr的返回类型和批处理(batch)做了处理,做了简单的测试,Ok,测试通过,下面再介绍几个页面,
对dwr其他功能的一些简单测试:
6.异常处理:exception.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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/dwrException.js'></script>
<script type="text/javascript" src="mydwr.js"></script>
<script type="text/javascript">
function convert(){
var list;
dwrException.getListTest(list,
{
exceptionHandler:function(msg){
alert(msg);
},
callback:function(data){
alert(data);
}
}
);
}
</script>
</head>
<body>
<input type="button" value="异常测试" onclick="convert()"/>
</body>
</html>
7.dwr.util.getValue()调用,dwrfunc.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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/dwr.js'></script>
<script type="text/javascript" src="mydwr.js"></script>
</head>
<body>
<input type="text" name="name" id="nameid" />
<br/>
<input type="button" value="EL通过id取值" onclick="alert(${'nameid'}.value)" />
<br />
//如果要是有dwr.util提供的功能,必须引入dwr/util.js文件,dwr3之后,有写函数内写name或id都可以
<br/>
<input type="button" value="dwr.util通过id" onclick="alert($('nameid').value)" />
<br />
<input type="button" value="dwr.util通过name" onclick="alert($('name').value)" />
<br />
<input type="button" value="dwr.util通过name/id" onclick="alert(dwr.util.getValue('name'))" />
<br />
</body>
</html>
8.对JavaBean的传递和返回
User.java:
package com.micro;
public class User {
private String name;;
private String pass;
//get/set方法....
}
UserRs.java:
package com.micro;
public class UserRs {
public User convertUser(User user) {
user.setName("admin");
user.setPass("123456");
return user;
}
}
bean.jsp:
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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/dwrBean.js'></script>
<script type="text/javascript" src="mydwr.js"></script>
<script type="text/javascript">
function convert(){
var uname = $("name").value;
var upass = $("pass").value;
var obj = {name:uname,pass:upass};
dwrBean.convertUser(obj,function(data){
$("uname").value = data.name;
$("upass").value = data.pass;
});
}
</script>
</head>
<body>
<input type="text" name="name" id="uname" value="you name"/><br/>
<input type="text" name="pass" id="upass" value="your password"/><br/>
<input type="button" value="测试处理" onclick="convert()"/>
</body>
</html>
这些,只是对dwr的简单应用,其中的配置都在dwr.xml中,大家可以举一反三,通常情况下,dwr和spring要结合使用,下面给出一个简单的配置说明:
比如:
<!-- 验证登陆名是否存在 -->
<create creator="spring" javascript="loginServiceDWR" scope="request">
<param name="beanName" value="coreLoginService" />
<include method="checkLogin" />
</create>
其中,creator="spring",表明由spring来创建该对象,javascript="loginServiceDWR",说明客户端的调用名称叫"loginServiceDWR",<param name="beanName" value="coreLoginService" />指明了spring配置文件中,id为"coreLoginService"的这么一个bean,<include method="checkLogin" />,对外公开的方法是"checkLogin" ,调用过程同上述其他类型调用相同,不同就是配置而已。上述代码,仅供参考。
注意:引入dwr的js文件的顺序不能错了,如:
<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/dwrBean.js'></script>
先引入dwr自身的,再引入自己的。
DWR3.0 dwr 返回值(数组,集合,Map)2010-07-05 19:47DWR3.0 dwr 返回值(数组,集合,Map)
示例代码如下:
首先导入项目所需要的包,如下:dwr.jar,commons-logging-1.0.4.jar,版本可以调整;
1.web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="2.4"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<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>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
</web-app>
2.DWRTest.java
package com.micro;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
@SuppressWarnings("unchecked")
public class DWRTest {
/**
* 第一个简单调用
*/
public String getStr() {
return "第一个dwr示例,调用成功";
}
/**
* 带传递参数的调用,返回String
*/
public String getInfo(String name, int age, String address) {
return "我的名字叫" + name + ",现年" + age + "岁," + "来自" + address;
}
/**
* 返回数组Array
*/
public String[] getStrArray() {
return new String[] { "one", "two", "three", "go!" };
}
/**
* 返回集合List
*/
public List getList() {
List list = new ArrayList();
list.add("welcome");
list.add("to");
list.add("BeiJing");
return list;
}
/**
* 返回Map类型
*/
public Map getMap() {
Map map = new HashMap();
map.put("name", "周星星");
map.put("hobby", "逃课");
return map;
}
/**
* 返回二维数组类型
*/
public List getArrayList() {
List list = new ArrayList();
list.add(new String[] { "1", "2", "3" });
list.add(new String[] { "one", "two", "three", "four", "five" });
return list;
}
/**
* Exception处理
*/
public List getListTest(List list) {
try {
list.get(0);
} catch (Exception e) {
throw new NullPointerException("数据位空");
}
return list;
}
}
3.dwr.xml
<?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 javascript="dwr" creator="new">
<param name="class" value="com.micro.DWRTest" />
</create>
<!-- 类型转换为JavaBean的处理 -->
<create javascript="dwrBean" creator="new" scope="request">
<param name="class" value="com.micro.UserRs" />
</create>
<convert match="com.micro.User" converter="bean">
<param name="include" value="name,pass" />
</convert>
<!-- 异常Exception的处理 ,默认情况下dwr对异常的处理就是一个弹出框提示为Error-->
<create javascript="dwrException" creator="new">
<param name="class" value="com.micro.DWRTest" />
</create>
<convert match="java.lang.NullPointerException" converter="exception" />
</allow>
</dwr>
4.mydwr.js
/**
* 无参数
*/
function invoke1(){
dwr.getStr(
function(value){
alert(value);
}
);
}
/**
* 有参数
*/
function invoke2(){
dwr.getInfo("长江七号",3,"火星",
function(value){
alert(value);
}
);
}
/**
* 返回数组
*/
function invoke3(){
dwr.getStrArray(
function(array){
var str="";
for(var i=0;i<array.length;i++){
str += array[i]+" ";
}
alert(str);
}
);
}
/**
* 返回集合(集合和数组的处理方式一样)
*/
function invoke4(){
dwr.getList(
function(list){
var str="";
for(var i=0;i<list.length;i++){
str += list[i];
}
alert(str);
}
);
}
/**
* 返回Map
*/
function invoke5(){
dwr.getMap(
//有如下两种处理方式
/*1)已知map的key*/
function(map){
alert("姓名:"+map.name+",爱好:"+map.hobby);
}
/*2).遍历的方式
function(map){
for(var key in map){
alert(key+":"+map[key]);
}
}*/
);
}
/**
* 返回数组的集合(二维数组)
*/
function invoke6(){
dwr.getArrayList(
function(arrayList){
var str="";
for(var i=0;i<arrayList.length;i++){
for(var j=0;j<arrayList[i].length;j++){
str += arrayList[i][j];
}
str+="\n\r";
}
alert(str);
}
);
}
/**
* 同步设置
*/
function invoke7(){
dwr.engine.setAsync(false);//设置同步,那么后续的方法才能按照顺序执行
invoke1();
invoke2();
}
/**
* 批处理batch(按照先后顺序执行)
*/
function invoke8(){
dwr.engine.beginBatch();
invoke1();
invoke2();
dwr.engine.endBatch();
}
5.index.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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/dwr.js'></script>
<script type="text/javascript" src="mydwr.js"></script>
</head>
<body>
<input type="button" value="DRW1" onclick="invoke1()" />
<br />
<input type="button" value="DRW2" onclick="invoke2()" />
<br />
<input type="button" value="DRW3" onclick="invoke3()" />
<br />
<input type="button" value="DRW4" onclick="invoke4()" />
<br />
<input type="button" value="DRW5" onclick="invoke5()" />
<br />
<input type="button" value="DRW6" onclick="invoke6()" />
<br />
<input type="button" value="DRW7" onclick="invoke7()" />
<br />
<input type="button" value="批处理测试" onclick="invoke8()" />
</body>
</html>
上述,index.jsp页面就对上述各种dwr的返回类型和批处理(batch)做了处理,做了简单的测试,Ok,测试通过,下面再介绍几个页面,
对dwr其他功能的一些简单测试:
6.异常处理:exception.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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/dwrException.js'></script>
<script type="text/javascript" src="mydwr.js"></script>
<script type="text/javascript">
function convert(){
var list;
dwrException.getListTest(list,
{
exceptionHandler:function(msg){
alert(msg);
},
callback:function(data){
alert(data);
}
}
);
}
</script>
</head>
<body>
<input type="button" value="异常测试" onclick="convert()"/>
</body>
</html>
7.dwr.util.getValue()调用,dwrfunc.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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/dwr.js'></script>
<script type="text/javascript" src="mydwr.js"></script>
</head>
<body>
<input type="text" name="name" id="nameid" />
<br/>
<input type="button" value="EL通过id取值" onclick="alert(${'nameid'}.value)" />
<br />
//如果要是有dwr.util提供的功能,必须引入dwr/util.js文件,dwr3之后,有写函数内写name或id都可以
<br/>
<input type="button" value="dwr.util通过id" onclick="alert($('nameid').value)" />
<br />
<input type="button" value="dwr.util通过name" onclick="alert($('name').value)" />
<br />
<input type="button" value="dwr.util通过name/id" onclick="alert(dwr.util.getValue('name'))" />
<br />
</body>
</html>
8.对JavaBean的传递和返回
User.java:
package com.micro;
public class User {
private String name;;
private String pass;
//get/set方法....
}
UserRs.java:
package com.micro;
public class UserRs {
public User convertUser(User user) {
user.setName("admin");
user.setPass("123456");
return user;
}
}
bean.jsp:
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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/dwrBean.js'></script>
<script type="text/javascript" src="mydwr.js"></script>
<script type="text/javascript">
function convert(){
var uname = $("name").value;
var upass = $("pass").value;
var obj = {name:uname,pass:upass};
dwrBean.convertUser(obj,function(data){
$("uname").value = data.name;
$("upass").value = data.pass;
});
}
</script>
</head>
<body>
<input type="text" name="name" id="uname" value="you name"/><br/>
<input type="text" name="pass" id="upass" value="your password"/><br/>
<input type="button" value="测试处理" onclick="convert()"/>
</body>
</html>
这些,只是对dwr的简单应用,其中的配置都在dwr.xml中,大家可以举一反三,通常情况下,dwr和spring要结合使用,下面给出一个简单的配置说明:
比如:
<!-- 验证登陆名是否存在 -->
<create creator="spring" javascript="loginServiceDWR" scope="request">
<param name="beanName" value="coreLoginService" />
<include method="checkLogin" />
</create>
其中,creator="spring",表明由spring来创建该对象,javascript="loginServiceDWR",说明客户端的调用名称叫"loginServiceDWR",<param name="beanName" value="coreLoginService" />指明了spring配置文件中,id为"coreLoginService"的这么一个bean,<include method="checkLogin" />,对外公开的方法是"checkLogin" ,调用过程同上述其他类型调用相同,不同就是配置而已。上述代码,仅供参考。
注意:引入dwr的js文件的顺序不能错了,如:
<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/dwrBean.js'></script>
先引入dwr自身的,再引入自己的。
首先导入项目所需要的包,如下:dwr.jar,commons-logging-1.0.4.jar,版本可以调整;
1.web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="2.4"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<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>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
</web-app>
2.DWRTest.java
package com.micro;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
@SuppressWarnings("unchecked")
public class DWRTest {
/**
* 第一个简单调用
*/
public String getStr() {
return "第一个dwr示例,调用成功";
}
/**
* 带传递参数的调用,返回String
*/
public String getInfo(String name, int age, String address) {
return "我的名字叫" + name + ",现年" + age + "岁," + "来自" + address;
}
/**
* 返回数组Array
*/
public String[] getStrArray() {
return new String[] { "one", "two", "three", "go!" };
}
/**
* 返回集合List
*/
public List getList() {
List list = new ArrayList();
list.add("welcome");
list.add("to");
list.add("BeiJing");
return list;
}
/**
* 返回Map类型
*/
public Map getMap() {
Map map = new HashMap();
map.put("name", "周星星");
map.put("hobby", "逃课");
return map;
}
/**
* 返回二维数组类型
*/
public List getArrayList() {
List list = new ArrayList();
list.add(new String[] { "1", "2", "3" });
list.add(new String[] { "one", "two", "three", "four", "five" });
return list;
}
/**
* Exception处理
*/
public List getListTest(List list) {
try {
list.get(0);
} catch (Exception e) {
throw new NullPointerException("数据位空");
}
return list;
}
}
3.dwr.xml
<?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 javascript="dwr" creator="new">
<param name="class" value="com.micro.DWRTest" />
</create>
<!-- 类型转换为JavaBean的处理 -->
<create javascript="dwrBean" creator="new" scope="request">
<param name="class" value="com.micro.UserRs" />
</create>
<convert match="com.micro.User" converter="bean">
<param name="include" value="name,pass" />
</convert>
<!-- 异常Exception的处理 ,默认情况下dwr对异常的处理就是一个弹出框提示为Error-->
<create javascript="dwrException" creator="new">
<param name="class" value="com.micro.DWRTest" />
</create>
<convert match="java.lang.NullPointerException" converter="exception" />
</allow>
</dwr>
4.mydwr.js
/**
* 无参数
*/
function invoke1(){
dwr.getStr(
function(value){
alert(value);
}
);
}
/**
* 有参数
*/
function invoke2(){
dwr.getInfo("长江七号",3,"火星",
function(value){
alert(value);
}
);
}
/**
* 返回数组
*/
function invoke3(){
dwr.getStrArray(
function(array){
var str="";
for(var i=0;i<array.length;i++){
str += array[i]+" ";
}
alert(str);
}
);
}
/**
* 返回集合(集合和数组的处理方式一样)
*/
function invoke4(){
dwr.getList(
function(list){
var str="";
for(var i=0;i<list.length;i++){
str += list[i];
}
alert(str);
}
);
}
/**
* 返回Map
*/
function invoke5(){
dwr.getMap(
//有如下两种处理方式
/*1)已知map的key*/
function(map){
alert("姓名:"+map.name+",爱好:"+map.hobby);
}
/*2).遍历的方式
function(map){
for(var key in map){
alert(key+":"+map[key]);
}
}*/
);
}
/**
* 返回数组的集合(二维数组)
*/
function invoke6(){
dwr.getArrayList(
function(arrayList){
var str="";
for(var i=0;i<arrayList.length;i++){
for(var j=0;j<arrayList[i].length;j++){
str += arrayList[i][j];
}
str+="\n\r";
}
alert(str);
}
);
}
/**
* 同步设置
*/
function invoke7(){
dwr.engine.setAsync(false);//设置同步,那么后续的方法才能按照顺序执行
invoke1();
invoke2();
}
/**
* 批处理batch(按照先后顺序执行)
*/
function invoke8(){
dwr.engine.beginBatch();
invoke1();
invoke2();
dwr.engine.endBatch();
}
5.index.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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/dwr.js'></script>
<script type="text/javascript" src="mydwr.js"></script>
</head>
<body>
<input type="button" value="DRW1" onclick="invoke1()" />
<br />
<input type="button" value="DRW2" onclick="invoke2()" />
<br />
<input type="button" value="DRW3" onclick="invoke3()" />
<br />
<input type="button" value="DRW4" onclick="invoke4()" />
<br />
<input type="button" value="DRW5" onclick="invoke5()" />
<br />
<input type="button" value="DRW6" onclick="invoke6()" />
<br />
<input type="button" value="DRW7" onclick="invoke7()" />
<br />
<input type="button" value="批处理测试" onclick="invoke8()" />
</body>
</html>
上述,index.jsp页面就对上述各种dwr的返回类型和批处理(batch)做了处理,做了简单的测试,Ok,测试通过,下面再介绍几个页面,
对dwr其他功能的一些简单测试:
6.异常处理:exception.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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/dwrException.js'></script>
<script type="text/javascript" src="mydwr.js"></script>
<script type="text/javascript">
function convert(){
var list;
dwrException.getListTest(list,
{
exceptionHandler:function(msg){
alert(msg);
},
callback:function(data){
alert(data);
}
}
);
}
</script>
</head>
<body>
<input type="button" value="异常测试" onclick="convert()"/>
</body>
</html>
7.dwr.util.getValue()调用,dwrfunc.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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/dwr.js'></script>
<script type="text/javascript" src="mydwr.js"></script>
</head>
<body>
<input type="text" name="name" id="nameid" />
<br/>
<input type="button" value="EL通过id取值" onclick="alert(${'nameid'}.value)" />
<br />
//如果要是有dwr.util提供的功能,必须引入dwr/util.js文件,dwr3之后,有写函数内写name或id都可以
<br/>
<input type="button" value="dwr.util通过id" onclick="alert($('nameid').value)" />
<br />
<input type="button" value="dwr.util通过name" onclick="alert($('name').value)" />
<br />
<input type="button" value="dwr.util通过name/id" onclick="alert(dwr.util.getValue('name'))" />
<br />
</body>
</html>
8.对JavaBean的传递和返回
User.java:
package com.micro;
public class User {
private String name;;
private String pass;
//get/set方法....
}
UserRs.java:
package com.micro;
public class UserRs {
public User convertUser(User user) {
user.setName("admin");
user.setPass("123456");
return user;
}
}
bean.jsp:
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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/dwrBean.js'></script>
<script type="text/javascript" src="mydwr.js"></script>
<script type="text/javascript">
function convert(){
var uname = $("name").value;
var upass = $("pass").value;
var obj = {name:uname,pass:upass};
dwrBean.convertUser(obj,function(data){
$("uname").value = data.name;
$("upass").value = data.pass;
});
}
</script>
</head>
<body>
<input type="text" name="name" id="uname" value="you name"/><br/>
<input type="text" name="pass" id="upass" value="your password"/><br/>
<input type="button" value="测试处理" onclick="convert()"/>
</body>
</html>
这些,只是对dwr的简单应用,其中的配置都在dwr.xml中,大家可以举一反三,通常情况下,dwr和spring要结合使用,下面给出一个简单的配置说明:
比如:
<!-- 验证登陆名是否存在 -->
<create creator="spring" javascript="loginServiceDWR" scope="request">
<param name="beanName" value="coreLoginService" />
<include method="checkLogin" />
</create>
其中,creator="spring",表明由spring来创建该对象,javascript="loginServiceDWR",说明客户端的调用名称叫"loginServiceDWR",<param name="beanName" value="coreLoginService" />指明了spring配置文件中,id为"coreLoginService"的这么一个bean,<include method="checkLogin" />,对外公开的方法是"checkLogin" ,调用过程同上述其他类型调用相同,不同就是配置而已。上述代码,仅供参考。
注意:引入dwr的js文件的顺序不能错了,如:
<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/dwrBean.js'></script>
先引入dwr自身的,再引入自己的。
DWR3.0 dwr 返回值(数组,集合,Map)2010-07-05 19:47DWR3.0 dwr 返回值(数组,集合,Map)
示例代码如下:
首先导入项目所需要的包,如下:dwr.jar,commons-logging-1.0.4.jar,版本可以调整;
1.web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="2.4"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<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>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
</web-app>
2.DWRTest.java
package com.micro;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
@SuppressWarnings("unchecked")
public class DWRTest {
/**
* 第一个简单调用
*/
public String getStr() {
return "第一个dwr示例,调用成功";
}
/**
* 带传递参数的调用,返回String
*/
public String getInfo(String name, int age, String address) {
return "我的名字叫" + name + ",现年" + age + "岁," + "来自" + address;
}
/**
* 返回数组Array
*/
public String[] getStrArray() {
return new String[] { "one", "two", "three", "go!" };
}
/**
* 返回集合List
*/
public List getList() {
List list = new ArrayList();
list.add("welcome");
list.add("to");
list.add("BeiJing");
return list;
}
/**
* 返回Map类型
*/
public Map getMap() {
Map map = new HashMap();
map.put("name", "周星星");
map.put("hobby", "逃课");
return map;
}
/**
* 返回二维数组类型
*/
public List getArrayList() {
List list = new ArrayList();
list.add(new String[] { "1", "2", "3" });
list.add(new String[] { "one", "two", "three", "four", "five" });
return list;
}
/**
* Exception处理
*/
public List getListTest(List list) {
try {
list.get(0);
} catch (Exception e) {
throw new NullPointerException("数据位空");
}
return list;
}
}
3.dwr.xml
<?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 javascript="dwr" creator="new">
<param name="class" value="com.micro.DWRTest" />
</create>
<!-- 类型转换为JavaBean的处理 -->
<create javascript="dwrBean" creator="new" scope="request">
<param name="class" value="com.micro.UserRs" />
</create>
<convert match="com.micro.User" converter="bean">
<param name="include" value="name,pass" />
</convert>
<!-- 异常Exception的处理 ,默认情况下dwr对异常的处理就是一个弹出框提示为Error-->
<create javascript="dwrException" creator="new">
<param name="class" value="com.micro.DWRTest" />
</create>
<convert match="java.lang.NullPointerException" converter="exception" />
</allow>
</dwr>
4.mydwr.js
/**
* 无参数
*/
function invoke1(){
dwr.getStr(
function(value){
alert(value);
}
);
}
/**
* 有参数
*/
function invoke2(){
dwr.getInfo("长江七号",3,"火星",
function(value){
alert(value);
}
);
}
/**
* 返回数组
*/
function invoke3(){
dwr.getStrArray(
function(array){
var str="";
for(var i=0;i<array.length;i++){
str += array[i]+" ";
}
alert(str);
}
);
}
/**
* 返回集合(集合和数组的处理方式一样)
*/
function invoke4(){
dwr.getList(
function(list){
var str="";
for(var i=0;i<list.length;i++){
str += list[i];
}
alert(str);
}
);
}
/**
* 返回Map
*/
function invoke5(){
dwr.getMap(
//有如下两种处理方式
/*1)已知map的key*/
function(map){
alert("姓名:"+map.name+",爱好:"+map.hobby);
}
/*2).遍历的方式
function(map){
for(var key in map){
alert(key+":"+map[key]);
}
}*/
);
}
/**
* 返回数组的集合(二维数组)
*/
function invoke6(){
dwr.getArrayList(
function(arrayList){
var str="";
for(var i=0;i<arrayList.length;i++){
for(var j=0;j<arrayList[i].length;j++){
str += arrayList[i][j];
}
str+="\n\r";
}
alert(str);
}
);
}
/**
* 同步设置
*/
function invoke7(){
dwr.engine.setAsync(false);//设置同步,那么后续的方法才能按照顺序执行
invoke1();
invoke2();
}
/**
* 批处理batch(按照先后顺序执行)
*/
function invoke8(){
dwr.engine.beginBatch();
invoke1();
invoke2();
dwr.engine.endBatch();
}
5.index.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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/dwr.js'></script>
<script type="text/javascript" src="mydwr.js"></script>
</head>
<body>
<input type="button" value="DRW1" onclick="invoke1()" />
<br />
<input type="button" value="DRW2" onclick="invoke2()" />
<br />
<input type="button" value="DRW3" onclick="invoke3()" />
<br />
<input type="button" value="DRW4" onclick="invoke4()" />
<br />
<input type="button" value="DRW5" onclick="invoke5()" />
<br />
<input type="button" value="DRW6" onclick="invoke6()" />
<br />
<input type="button" value="DRW7" onclick="invoke7()" />
<br />
<input type="button" value="批处理测试" onclick="invoke8()" />
</body>
</html>
上述,index.jsp页面就对上述各种dwr的返回类型和批处理(batch)做了处理,做了简单的测试,Ok,测试通过,下面再介绍几个页面,
对dwr其他功能的一些简单测试:
6.异常处理:exception.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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/dwrException.js'></script>
<script type="text/javascript" src="mydwr.js"></script>
<script type="text/javascript">
function convert(){
var list;
dwrException.getListTest(list,
{
exceptionHandler:function(msg){
alert(msg);
},
callback:function(data){
alert(data);
}
}
);
}
</script>
</head>
<body>
<input type="button" value="异常测试" onclick="convert()"/>
</body>
</html>
7.dwr.util.getValue()调用,dwrfunc.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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/dwr.js'></script>
<script type="text/javascript" src="mydwr.js"></script>
</head>
<body>
<input type="text" name="name" id="nameid" />
<br/>
<input type="button" value="EL通过id取值" onclick="alert(${'nameid'}.value)" />
<br />
//如果要是有dwr.util提供的功能,必须引入dwr/util.js文件,dwr3之后,有写函数内写name或id都可以
<br/>
<input type="button" value="dwr.util通过id" onclick="alert($('nameid').value)" />
<br />
<input type="button" value="dwr.util通过name" onclick="alert($('name').value)" />
<br />
<input type="button" value="dwr.util通过name/id" onclick="alert(dwr.util.getValue('name'))" />
<br />
</body>
</html>
8.对JavaBean的传递和返回
User.java:
package com.micro;
public class User {
private String name;;
private String pass;
//get/set方法....
}
UserRs.java:
package com.micro;
public class UserRs {
public User convertUser(User user) {
user.setName("admin");
user.setPass("123456");
return user;
}
}
bean.jsp:
<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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/dwrBean.js'></script>
<script type="text/javascript" src="mydwr.js"></script>
<script type="text/javascript">
function convert(){
var uname = $("name").value;
var upass = $("pass").value;
var obj = {name:uname,pass:upass};
dwrBean.convertUser(obj,function(data){
$("uname").value = data.name;
$("upass").value = data.pass;
});
}
</script>
</head>
<body>
<input type="text" name="name" id="uname" value="you name"/><br/>
<input type="text" name="pass" id="upass" value="your password"/><br/>
<input type="button" value="测试处理" onclick="convert()"/>
</body>
</html>
这些,只是对dwr的简单应用,其中的配置都在dwr.xml中,大家可以举一反三,通常情况下,dwr和spring要结合使用,下面给出一个简单的配置说明:
比如:
<!-- 验证登陆名是否存在 -->
<create creator="spring" javascript="loginServiceDWR" scope="request">
<param name="beanName" value="coreLoginService" />
<include method="checkLogin" />
</create>
其中,creator="spring",表明由spring来创建该对象,javascript="loginServiceDWR",说明客户端的调用名称叫"loginServiceDWR",<param name="beanName" value="coreLoginService" />指明了spring配置文件中,id为"coreLoginService"的这么一个bean,<include method="checkLogin" />,对外公开的方法是"checkLogin" ,调用过程同上述其他类型调用相同,不同就是配置而已。上述代码,仅供参考。
注意:引入dwr的js文件的顺序不能错了,如:
<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/dwrBean.js'></script>
先引入dwr自身的,再引入自己的。
发表评论
-
鼠标拖动动态改变表格的宽度的js脚本 兼容ie/firefox .
2012-04-23 18:15 1873<html> <title>t ... -
Spring 工具类
2012-04-17 13:56 1130Spring中的ServletContext使 ... -
Spring MVC
2012-04-17 11:52 877Spring MVC/Struts2.x http://do ... -
jquery获取select选择的文本与值
2012-03-29 11:17 3216获取select 选中的 text : $(" ... -
Dwr所需jar包及配置文件
2012-03-14 14:16 1514dwr所需jar包及配置文件 -
Spring2.5jar包
2012-03-13 21:37 941Spring2.5jar包,方便以后的下载啊 -
JS 禁用鼠标右键菜单
2012-03-13 12:47 1108禁用右键的js代码为:document.oncontextme ...
相关推荐
在DWR中,处理各种类型的返回值是其强大功能的一部分,它支持多种数据类型,包括基本类型、对象、数组、集合、Map等。下面将详细介绍DWR如何处理这些不同类型的返回值。 1. **基本类型**: DWR可以轻松处理Java的...
在这个压缩包中,你将找到一系列DWR的例子,涵盖了多种数据类型的返回值,这些例子旨在帮助初学者更好地理解和使用DWR。 1. **基本数据类型**: DWR支持Java的基本数据类型,如int、double、String等。通过DWR,你...
在DWR(Direct Web Remoting)中,处理集合是一项关键任务,因为它允许JavaScript与服务器端的Java代码进行交互,传递和接收数据集合。DWR是一个开源框架,它使得Web应用程序可以利用Ajax技术实现异步通信,即在不...
调用带List、Set或Map参数的方法,如`callTestMethod7`,需要创建相应的JavaScript对象数组,每个元素对应List中的一个项,属性与JavaBean一致。在`dwr.xml`中需要声明这些参数的类,以便Java端解析。 在使用DWR时...
DWR支持多种类型的数据转换,包括数组、列表、Map等复杂数据结构。在配置文件中,你可以使用不同的转换器来处理不同类型的参数和返回值。例如,使用`map`转换器处理Map类型,`array`处理数组等。 6. **错误处理和...
DWR还支持更复杂的数据类型,如数组、集合(List、Set、Map)以及自定义对象。例如,Java方法返回一个`List<JavaBean>`,DWR会将其转换为JavaScript数组,每个元素都是对应的JavaScript对象。你可以在JavaScript中...
当Java方法返回`List`、`Map`或`Set`等集合类型时,DWR同样会自动转换成JavaScript数组或对象。对于`List`,JavaScript端会得到一个数组,可以使用数组方法进行操作;对于`Map`,会转换为JavaScript对象,可以通过...
一种情况是因为DWR1.0的解析器中有个Bug,在有些场合会无法处理返回值的类型.所以应该要避免这种情况的发生. 一种情况是因为解析器是一个语法宽松的解析器,他不象编译器一样对语法有非常严格的要求,所有有时可能一些...
5. `getPersonList()` 和 `getPersonArray()`:这两个方法分别返回一个`Person`对象的列表和数组,展示DWR处理集合的能力。 6. `getPersonMap()`:此方法返回一个包含`Person`对象的映射,这显示了DWR如何处理复杂...
6. **集合转换**:当你需要将Java的`List`或`Map`传递到JavaScript时,需要特别处理。对于`List`,JavaScript中可以将其对象放入一个数组中,如`[object1, object2]`。而对于`Map`,在JavaScript中应使用键值对的...
DWR的核心特性之一是它提供了与JavaScript交互的接口,使得前端可以调用后端的Java方法并获取返回值。在处理JSON数据时,DWR提供了自动序列化和反序列化机制,将Java对象转换为JSON字符串,然后传递给客户端,客户端...
例如,一个返回`List`的方法会生成一个JavaScript数组,而返回`Map`的方法则会生成一个JavaScript对象。这种转换使得在客户端处理服务器返回的数据变得非常方便。 文件名为`dwrexample`的压缩包可能包含了以下内容...
本文将深入探讨DWR在Ajax应用中的使用,特别是涉及List、Map等数据结构作为参数和返回值时的处理。 **一、DWR概述** DWR的核心功能是提供了一个动态的JavaScript到Java的桥接,使得客户端能够调用服务器上的方法,...
3. **返回值Map**: Map在Java中是键值对的数据结构,而在JavaScript中可以映射为对象。DWR能够将Map转换成JavaScript对象,使得服务器端的键值对可以直接在客户端使用。这对于传递复杂的数据结构非常有用,比如配置...
在深入探讨DWR中Util.js的常用方法之前,我们先简要回顾一下DWR(Direct Web Remoting)是什么。DWR是一种开源框架,允许在Java服务器端与客户端之间进行Ajax调用,使得JavaScript可以直接调用服务器端的Java方法,...
- **Map**:键值对集合。 - **List**:有序集合。 - **Set**:不允许重复元素的集合。 - **Queue**:先进先出的数据结构。 - **Deque**:双端队列。 - **Stack**:后进先出的数据结构。 **16. Comparable 和 ...