DWR入门教程之HelloWorld
核心提示：DWR入门教程之HelloWorld 首先到 http://getahead.ltd.uk/dwr/ 下载 dwr.jar ，放到 WEB-INF/lib 下 负责处理客户端请求，并呼叫 Java 对象的是 DWRServlet ， DWR 其实也有些 Model 2 的味道，只是 View 的这一层比较弱，因为放到客户端的 JavaScript 应用
首先到 http://getahead.ltd.uk/dwr/ 下载 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">
<servlet>
<servlet-name>dwr</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</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
接下来写个简单的 Hello 吧！
package com.dwr;
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 2.0//EN" "http://getahead.org/dwr//dwr20.dtd">
<dwr>
<allow>
<create javascript="hello" creator="new">
<param name="class" value="org.dwr.HelloWorld"></param>
</create>
</allow>
</dwr>
creator 设定为 new ，表示使用 Hello 的无参数建构子来生成对象， javascript 设定为 Hello ，表示客户端 JavaScript 程序可以使用 Hello 来呼叫对应的 onlyfun.caterpillar.Hello 物件。
来写个客户端的网页，当中有一个输入字段，这里我们建立一个index.html，内容如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>DWR's HelloWorld</title>
<script type='text/javascript' src='dwr/interface/Hello.js'></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script type='text/javascript' src='dwr/util.js'></script>
<script type='text/javascript' src='hello.js'></script>
</head>
<body>
<input id="user" type="text" /><input type='button' value='哈罗' onclick='hello();' /> <div id="result"></div>
</body>
</html>
dwr/interface/Hello.js 是由 DWRServlet 根据 dwr.xml 中的设定生成的， engine.js 负责客户端伺服端沟通， util.js 是一些好用的 JavaScript 程序，可以让您少写很多 JavaScript 。 hello.js 是我们自定义的函式，按下按钮后，会呼叫当中的 hello() 函式,因而 需要在当前文件夹下建立一个hello.js:
function hello(){
var user = $('user').value;
Hello.sayHello(user,callback);
}
function callback(msg){
DWRUtil.setValue('result',msg);
}
${'user'} 取得输入字段的 DOM 对象， value 取得当中的域值，而后呼叫 Hello.hello() ，并将 value 当作参数传送 … 结果是呼叫 Server 端的 Hello Java 对象，当结果传回后，会呼叫 JavaScript 的 callback 函式， DWRUtil 的 setValue() 方法会将传回的 msg 设定给指定 id 的 DOM ，结果就是 … 啥！ AJAX 的功能在哪 … 就这个而言就是发出异步请求，而响应不用 Refresh 页面啦！
${'user'} 取得输入字段的 DOM 对象， value 取得当中的域值，而后呼叫 Hello.hello() ，并将 value 当作参数传送 … 结果是呼叫 Server 端的 Hello Java 对象，当结果传回后，会呼叫 JavaScript 的 callback 函式， DWRUtil 的 setValue() 方法会将传回的 msg 设定给指定 id 的 DOM ，结果就是 … 啥！ AJAX 的功能在哪 … 就这个而言就是发出异步请求，而响应不用 Refresh 页面啦！
分享到：
相关推荐
请先到 http://getahead.ltd.uk/dwr/ 下载 dwr.jar ，放到 WEB-INF/lib 下 … 负责处理客户端请求，并呼叫 Java 对象的是 DWRServlet ， DWR 其实也有些 Model 2 的味道，只是 View 的这一层比较弱，因为放到客户端...
本“HelloWorld”篇主要介绍了如何入门DWR并实现简单的示例。 【描述】： 这篇学习笔记可能没有给出具体的描述，但通常“HelloWorld”教程会涵盖创建一个简单的DWR应用，包括配置DWR引擎、编写Java类、定义接口...
除了基础的HelloWorld例子，DWR还可以用于更复杂的应用场景，比如表格数据的动态加载、实时图表的绘制、表单验证等。DWR的灵活性使其在构建交互丰富的Web应用时大有裨益。 通过这个简单的DWR HelloWorld例子，我们...
**DWR2的HelloWorld详解** DWR (Direct Web Remoting) 是一个开源JavaScript库，它允许在浏览器和服务器之间进行直接的、实时的通信，从而实现Web应用程序的富客户端功能。DWR2是其第二个主要版本，相较于早期版本...
DWR的初学者，初次配置时你们一定会遇到很多问题，所以一个很好的helloworld源码，一定对大家有所帮助。MyEclipse7.0测试，绝对运行
**标题：“DWR_HelloWorld之痛”** 这篇博客文章主要探讨了Direct Web Remoting (DWR)框架在实现一个简单的“HelloWorld”示例时可能遇到的问题和挑战。DWR是一个JavaScript库，允许Web应用在客户端和服务器之间...
"dwr_helloWorld"是一个理想的起点，可以帮助初学者快速入门DWR，理解其基本用法和概念。通过阅读博客和运行提供的示例代码，可以深入理解DWR如何工作，以及如何在实际开发中利用它来构建动态的、交互性强的Web应用...
这个"HelloWorld-Dwr"示例是一个基础教程，展示了如何使用DWR来实现简单的远程方法调用。 首先，我们需要在项目中导入必要的库。DWR的核心库是dwr.jar，还需要commons-logging-1.0.4.jar，这是一个日志处理库，通常...
当用户点击按钮时，通过DWR调用服务器上的`HelloWorld`方法，并将返回的“Hello, World”显示在文本区域中。 7. **部署和测试**： 将DWR库添加到Web应用的类路径中，将Java和HTML文件部署到服务器，然后在浏览器中...
### dwr3.0的HELLOWORLD创建过程详解 #### 一、准备工作：环境搭建与配置 ##### 1. 创建Web工程 - **步骤一**：新建一个Web应用程序工程。 - **步骤二**：导入DWR 3.0的相关jar包。确保包括`dwr-x.x.x.jar`在内的...
在 `dwr.xml` 文件中，`<create>` 元素定义了一个 JavaScript 对象 `service`，它对应于服务器端的 `helloWorld.Service` 类。这样，你就可以在 JavaScript 中直接调用 `service.sayHello()` 方法，并得到服务器端的...
这个"java dwr简单例子helloworld"是一个基础教程，旨在通过一个简单的HelloWorld示例，让你了解DWR的工作原理和基本用法。 首先，DWR的核心思想是提供一种安全且高效的方式，让JavaScript能够与服务器端的Java对象...
要开始DWR的HelloWorld之旅，我们需要以下基础： - Java Development Kit (JDK)：确保你的开发环境中已经安装了JDK，并且版本与你的DWR库兼容。 - Servlet容器：如Tomcat或Jetty，用于运行我们的Web应用。 - DWR库...
例如，可以创建一个名为HelloWorld的Java类，并在dwr.xml中注册，这样JavaScript就可以通过`HelloWorld`对象调用服务器上的`sayHello`方法。 **DWR核心引擎** DWR的核心引擎负责处理所有与远程调用相关的工作，包括...
第1章:DWR入门 * DWR是什么？DWR是一个基于Java的AJAX框架，旨在帮助开发人员快速构建基于Web的应用程序。 * 第一个DWR程序：Hello World。Hello World是一个经典的入门示例，用于演示DWR的基本使用方法。 * 将DWR...
**DWR（Direct Web Remoting）入门教程 -- Hello World** DWR（Direct Web Remoting）是一种JavaScript库，它允许在浏览器和服务器之间进行实时、安全的双向通信，从而实现Web应用中的Ajax功能。通过DWR，开发者...
通过这个简单的“HelloWorld”应用，我们可以了解DWR的工作原理和基础用法。它为我们提供了一个强大的工具，使Java开发者能够轻松地构建具有动态交互性的Web应用。在实际开发中，DWR还可以应用于更复杂的场景，如...
接下来，我们来看一个简单的DWR入门实例： 1. **环境准备**：确保你的项目已经集成了Servlet容器（如Tomcat），并添加了DWR的依赖库到类路径。 2. **创建Java类**：首先，创建一个简单的Java类，例如`HelloWorld....