DWR入门Demo
DWR入门Demo
关键字: dwr
DWR（Direct Web Remoting）是一个开源的类库,可以帮助开发人员开发包含AJAX技术的网站.它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器里一样.
英文不错的可以直接看官方的英文入门,http://getahead.org/dwr/getstarted
两种方式入门dwr
1.直接从http://getahead.org/dwr/download下载war的程序部署到本机,体验一下dwr能做什么.
2.动手跑一个Hello World,复杂点,但是推荐这种方式.
动手操作步骤:
开始之前请在myeclipse下建立web工程dwrWeb
1.下载jar包,放到你的java web应用的WEB-INF/lib 目录下.
注意:从dwr2.0开始,需要用到commons-logging包,没有的到这里下载: http://commons.apache.org/logging/
2.编辑web.xml,加入servlet,让web应用支持 dwr
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
>
<servlet>
<display-name>DWR Servlet</display-name>
<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.在web.xml的同级目录下建立dwr.xml文件,这个配置文件定义了dwr可以创建和调用哪些java类
<?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 creator="new" javascript="Demo">
<param name="class" value="com.Demo"/>
</create>
</allow>
</dwr>
4.建立java类文件
package com;
public final class Demo
{
public String hello(String name)
{
return "恭喜恭喜," + name + "你的dwr程序成功运行!Hava fun!";
}
}
5.建立js文件
function hello() {
var name = dwr.util.getValue("name");
Demo.hello(name, function(data) {
dwr.util.setValue("result", data);
});
6.建立index.jsp文件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/interface/Demo.js'>
</script>
<script type='text/javascript' src="<%=request.getContextPath()%>/dwr/engine.js">
</script>
<script type='text/javascript' src="<%=request.getContextPath()%>/dwr/util.js">
</script>
<script type='text/javascript' src='hello.js'>
</script>
</head>
<body>
<input type="text" name="name" value="Hello World!">
<br>
<input type="button" onclick="hello();" value="button">
<br>
<span id="result" style="background: #eeffdd; padding: 10px"></span>
</body>
</html>
关键字: dwr
DWR（Direct Web Remoting）是一个开源的类库,可以帮助开发人员开发包含AJAX技术的网站.它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器里一样.
英文不错的可以直接看官方的英文入门,http://getahead.org/dwr/getstarted
两种方式入门dwr
1.直接从http://getahead.org/dwr/download下载war的程序部署到本机,体验一下dwr能做什么.
2.动手跑一个Hello World,复杂点,但是推荐这种方式.
动手操作步骤:
开始之前请在myeclipse下建立web工程dwrWeb
1.下载jar包,放到你的java web应用的WEB-INF/lib 目录下.
注意:从dwr2.0开始,需要用到commons-logging包,没有的到这里下载: http://commons.apache.org/logging/
2.编辑web.xml,加入servlet,让web应用支持 dwr
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
>
<servlet>
<display-name>DWR Servlet</display-name>
<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.在web.xml的同级目录下建立dwr.xml文件,这个配置文件定义了dwr可以创建和调用哪些java类
<?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 creator="new" javascript="Demo">
<param name="class" value="com.Demo"/>
</create>
</allow>
</dwr>
4.建立java类文件
package com;
public final class Demo
{
public String hello(String name)
{
return "恭喜恭喜," + name + "你的dwr程序成功运行!Hava fun!";
}
}
5.建立js文件
function hello() {
var name = dwr.util.getValue("name");
Demo.hello(name, function(data) {
dwr.util.setValue("result", data);
});
6.建立index.jsp文件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/interface/Demo.js'>
</script>
<script type='text/javascript' src="<%=request.getContextPath()%>/dwr/engine.js">
</script>
<script type='text/javascript' src="<%=request.getContextPath()%>/dwr/util.js">
</script>
<script type='text/javascript' src='hello.js'>
</script>
</head>
<body>
<input type="text" name="name" value="Hello World!">
<br>
<input type="button" onclick="hello();" value="button">
<br>
<span id="result" style="background: #eeffdd; padding: 10px"></span>
</body>
</html>