从DWR官方网站
http://getahead.org/dwr/下载DWR的开发包,我下载了
dwr-3.0.0.116.rc1-src.zip包。DWR框架的安装配置分为三步:
1、拷贝dwr.jar包到应用的lib目录下
2、配置web.xml
<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>
<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>
注意:<servlet>映射部分应该紧随web.xml中其他<servlet>映射,而<servlet-mapping>则紧随其他<servlet-mapping>部分,这样才保证web.xml的正确性。
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>
<!--dwr3提供的一个日志审核过滤器-->
<filter class="org.directwebremoting.filter.AuditLogAjaxFilter"/>
<!--这是我配置的一个演示类,javascript="Demo" 表示,我可以在页面中用Demo这个名称指向DwrDemo这个java类,类中的方法可以在前台调用-->
<create creator="new" javascript="Demo">
<param name="class" value="com.detail.dwr.server.Demo"/>
</create>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" " http://getahead.org/dwr/dwr30.dtd">
<dwr>
<allow>
<!--dwr3提供的一个日志审核过滤器-->
<filter class="org.directwebremoting.filter.AuditLogAjaxFilter"/>
<!--这是我配置的一个演示类,javascript="Demo" 表示,我可以在页面中用Demo这个名称指向DwrDemo这个java类,类中的方法可以在前台调用-->
<create creator="new" javascript="Demo">
<param name="class" value="com.detail.dwr.server.Demo"/>
</create>
</allow>
</dwr>
</dwr>
上面的代码中把com.detail.dwr.server.Demo映射到Demo.js中,其中Demo.js是系统自动生成的,它表明Ajax客户应当能够构建DwrDemo并调用这些方法。
这个部署描述文件定义什么样的java类可以被DWR应用创建并通过javascript远程调用
配置好后做个应用:
二、添加java类(被配置到dwr.xml中)
Java代码 :DwrDemo.java: public class DwrDemo { public String getHello(String name){ return name+" 你好!"; } }
前台页面中使用dwr
Java代码 :DwrDemo.java: public class DwrDemo { public String getHello(String name){ return name+" 你好!"; } }
前台页面中使用dwr
<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src='${pageContext.request.contextPath}/dwr/interface/Demo.js'> </script>
<script type="text/javascript" src="${pageContext.request.contextPath}/dwr/engine.js"> </script>
<script type="text/javascript" src="${pageContext.request.contextPath}/dwr/util.js"> </script>
<script type="text/javascript">
pageEncoding="GB18030"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src='${pageContext.request.contextPath}/dwr/interface/Demo.js'> </script>
<script type="text/javascript" src="${pageContext.request.contextPath}/dwr/engine.js"> </script>
<script type="text/javascript" src="${pageContext.request.contextPath}/dwr/util.js"> </script>
<script type="text/javascript">
function getFromDemo(name){
var info = Demo.getMsg(name,dealInfo);
}
var info = Demo.getMsg(name,dealInfo);
}
function dealInfo(datas){
alert(datas);
}
</script>
</head>
<body>
<input type="button" name="msg" οnclick="getFromDemo('lanlan')" value="getFromDemo"/>
</body>
</html>
alert(datas);
}
</script>
</head>
<body>
<input type="button" name="msg" οnclick="getFromDemo('lanlan')" value="getFromDemo"/>
</body>
</html>