DWR入门教程--学习例子
2010-04-15 20:10
441 查看
DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java类来动态生成JavaScrip代码).它的最新版本DWR0.6添加许多特性如:支持Dom Trees的自动配置,支持Spring(JavaScript远程调用spring bean),更好浏览器支持,还支持一个可选的commons-logging日记操作.
废话少说,现在就搞起,
请先 下载 dwr.jar ,放到 WEB-INF/lib 下 …
负责处理客户端请求,并呼叫 Java 对象的是 DWRServlet , DWR 其实也有些 Model 2 的味道,只是 View 的这一层比较弱,因为放到客户端的 JavaScript 应用程序中 …
在 web.xml 中加入 DWRServlet…
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<display-name>dwrtest</display-name>
<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>
<init-param >
<param-name> classes </param-name >
<param-value> java.lang.Object </param-value >
</init-param >
<load-on-startup > 100 </load-on-startup >
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
接下来写个简单的 Hello的java文件来响应请求
package dpjdwr;
public class HelloWorld {
private String name;
public HelloWorld(){
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String sayHello(String name) {
return "Hello, " + name;
}
}
客户端要呼叫这个 Java 对象,传给它参数,而后传回一个字符串,客户端再显示这个字符串,神奇?其实是要告诉 DWRServlet 这件事,这需要一个 dwr.xml,在WEB-INF目录下建立这个这个文件:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC
"-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
"http://www.getahead.ltd.uk/dwr/dwr10.dtd">
<dwr>
<allow>
<create creator="new" javascript="JDate">
<param name="class" value="java.util.Date"/>
</create>
<create creator="new" javascript="Hello">
<param name="class" value="dpjdwr.HelloWorld"/>
</create>
</allow>
</dwr>
来写个客户端的网页,当中有一个输入字段,这里我们建立一个index.jsp,内容如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>DWR's HelloWorld</title>
<script type='text/javascript' src="dwr/util.js" ></script>
<script type='text/javascript' src="dwr/engine.js" ></script>
<script type='text/javascript' src="dwr/interface/Hello.js"></script>
<script>
function hello(){
Hello.sayHello(user.value,function(msg){
alert(msg);
}
);
}
</script>
</head>
<body>
<input id="user" type="text" /><input type='button' value='哈罗' onclick='hello();' /> <div id="result"></div>
</body>
</html>
然后运行就可以了 慢慢看吧;;中间用了回调函数哦
废话少说,现在就搞起,
请先 下载 dwr.jar ,放到 WEB-INF/lib 下 …
负责处理客户端请求,并呼叫 Java 对象的是 DWRServlet , DWR 其实也有些 Model 2 的味道,只是 View 的这一层比较弱,因为放到客户端的 JavaScript 应用程序中 …
在 web.xml 中加入 DWRServlet…
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<display-name>dwrtest</display-name>
<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>
<init-param >
<param-name> classes </param-name >
<param-value> java.lang.Object </param-value >
</init-param >
<load-on-startup > 100 </load-on-startup >
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
接下来写个简单的 Hello的java文件来响应请求
package dpjdwr;
public class HelloWorld {
private String name;
public HelloWorld(){
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String sayHello(String name) {
return "Hello, " + name;
}
}
客户端要呼叫这个 Java 对象,传给它参数,而后传回一个字符串,客户端再显示这个字符串,神奇?其实是要告诉 DWRServlet 这件事,这需要一个 dwr.xml,在WEB-INF目录下建立这个这个文件:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC
"-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
"http://www.getahead.ltd.uk/dwr/dwr10.dtd">
<dwr>
<allow>
<create creator="new" javascript="JDate">
<param name="class" value="java.util.Date"/>
</create>
<create creator="new" javascript="Hello">
<param name="class" value="dpjdwr.HelloWorld"/>
</create>
</allow>
</dwr>
来写个客户端的网页,当中有一个输入字段,这里我们建立一个index.jsp,内容如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>DWR's HelloWorld</title>
<script type='text/javascript' src="dwr/util.js" ></script>
<script type='text/javascript' src="dwr/engine.js" ></script>
<script type='text/javascript' src="dwr/interface/Hello.js"></script>
<script>
function hello(){
Hello.sayHello(user.value,function(msg){
alert(msg);
}
);
}
</script>
</head>
<body>
<input id="user" type="text" /><input type='button' value='哈罗' onclick='hello();' /> <div id="result"></div>
</body>
</html>
然后运行就可以了 慢慢看吧;;中间用了回调函数哦
相关文章推荐
- Caffe 深度学习入门教程 运行caffe自带的两个简单例子
- Caffe 深度学习入门教程 运行caffe自带的两个简单例子
- Caffe 深度学习入门教程 运行caffe自带的两个简单例子
- 深度学习国外经典教程——大师带你入门(视频、PPT讲稿)
- PHP入门学习心得(教程3.4.5.6.7.8.9.10)
- 【入门必备】最佳的 Node.js 学习教程和资料书籍
- Ajax - 基础教程第八章例子学习二
- 学习【OpenCV入门教程之八】线性邻域滤波专场:方框滤波、均值滤波与高斯滤波---思维导图笔记
- Nutz学习---连接操作数据库入门例子
- 全新Linux学习路线图及入门教程
- Ajax - 基础教程第八章例子学习五
- DWR入门教程
- 史上最经典的IT入门学习教程DVD光盘免费领!
- mySQL学习入门教程——3.SQL的设计和编写
- MyBatis入门学习教程-MyBatis快速入门
- MongoDB的聚合框架Aggregation Framework入门学习教程
- Spring学习笔记之Spring MVC 入门教程
- Python学习入门基础教程(learning Python)--2.2.1 Python下的变量解析
- Lucene6入门教程(一)简介和学习流程
- Python Twisted 学习系列7(转载stulife最棒的Twisted入门教程)