`

第一个DWR程序:Hello World

dwr 
阅读更多

      有2中方法可以帮助你入门DWR,一个方法是去下载WAR文件并且去完整看一下代码,但是这样并不能

帮助你发现DWR是如何简单地集成到你当前地WEB应用,所以以下几个简单地步骤推荐看一下: 

1.2.1  将DWR放入你的工程 

    1) 从官方网站下载dwr.jar包。然后将它放在你webapp的WEB-INF/lib 目录下。 

    2) 将下载的dwr-版本号-src.zip \java\org\directwebremoting内的engine.js和util.js放入WEB应用

中,比如js 文件夹下。 

1.2.2  编辑配置文件 

1.  web.xml 

以下几行代码必须被添加到WEN-INF/web.xml 文件中。注意,要把<servlet>和其他<servlet>放在一起,

<servlet-mapping>要和其他<servlet-mapping>放在一起 

<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>

  

 

2.  dwr.xml 

在web.xml的同一目录下,创建dwr.xml,并且将要被调用的java 类写入其中。 

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 
3.0//EN" "http://www.getahead.ltd.uk/dwr/dwr30.dtd"> 
<dwr> 
  <allow> 
    <create creator="new" javascript="service"> 
      <param name="class" value="helloWorld.Service" /> 
    </create> 
  </allow> 
</dwr> 

1.2.3  编写service 

就像没有dwr一样,写一个简单类并加一个方法 

是 

package helloWorld; 
 
public class Service { 
  public String sayHello(String yourName) { 
         //可以是访问数据库的复杂代码 
    return "Hello World " + yourName; 
  } 
} 

 

 

1.2.4  测试DWR 

将代码放入应用服务器(比如Tomcat),启动。 

然后在地址栏输入http://localhost:8080/你的工程/dwr 

然后点击service,会看到刚才写的sayHello()的方法,输入自己的名字然后点击“Execute”,如果发现

确实是正确的返回结果,说明测试通过了,可以进入下一步了。 

 

1.2.5  编写一个jsp 

  接下来最后一步就是创建一个jsp 文件 

    1)  要引用几个dwr的js,其中engine.js必须要,如果需要用到dwr提供的一些方便的工具要引用util.js 

    2)  然后还要引用dwr自动生成的js,dwr/interface/service.js,注意js 名字要和dwr.xml配置的一样 

    3)  js 里的service.sayHello和java 类的那个有一点区别,多了个参数,用来callback返回的数据 

 

<%@ page language="java" pageEncoding="UTF-8"%> 
 
<html> 
  <head> 
    <title>My JSP 'first_dwr.jsp' starting page</title> 
     <script type='text/javascript' src='/项目名/dwr/util.js'/> 
     <script type='text/javascript' src='/项目名/dwr/engine.js'/> 
     <script type='text/javascript' src='/项目名/dwr/interface/service.js'/> 
  <script type="text/javascript"> 
    function firstDwr(){ 
       service.sayHello("Jorwen",callBackHello); 
    } 
    function callBackHello(data){ 
      alert(data); 
    } 
  </script> 
  </head> 
  <body> 
    <input type="button" name="button" value="测试" onclick="firstDwr()"> 
  </body> 
</html> 

 

 

 

 

地址栏输入http://localhost:8080/你的工程/first_dwr.jsp 

分享到:
评论

相关推荐

    第一个DWR HelloWorld例子(附:详细说明)

    在这个"第一个DWR HelloWorld例子"中,我们将深入理解DWR的基本原理和操作流程,通过实践来学习如何搭建一个简单的DWR应用。 1. **DWR的基本概念** DWR的核心思想是创建一个安全的、高效的、易于使用的AJAX框架。...

    Dwr2的HelloWorld

    在这个例子中,`HelloWorld.js`是由DWR自动生成的,它包含了一个`sayHello`函数,该函数可以调用服务器上的对应方法。当用户点击按钮时,`callServer`函数会被触发,调用`HelloWorld.sayHello`,并在接收到服务器...

    DWR的环境搭建与第一个入门程序HelloWorld

    在 `dwr.xml` 文件中,`&lt;create&gt;` 元素定义了一个 JavaScript 对象 `service`,它对应于服务器端的 `helloWorld.Service` 类。这样,你就可以在 JavaScript 中直接调用 `service.sayHello()` 方法,并得到服务器端的...

    DWR参考教程.docx

    * 第一个DWR程序:Hello World。Hello World是一个经典的入门示例,用于演示DWR的基本使用方法。 * 将DWR放入你的工程。将DWR库添加到你的项目中,用于使用DWR的功能。 * 编辑配置文件。DWR的配置文件是dwr.xml,...

    DWR2.0中文文档

    - **第一个DWR程序:HelloWorld** - 将DWR库添加到项目中。 - 配置`web.xml`和`dwr.xml`文件,定义服务和转换规则。 - 编写服务接口和实现类。 - 测试DWR是否正常工作。 - 创建JSP页面,调用DWR服务。 #### ...

    我的第一个DWR程序

    【标题】:“我的第一个DWR程序” 在IT领域,DWR(Direct Web Remoting)是一个JavaScript库,它允许Web应用程序与服务器端Java代码进行实时、双向通信,无需使用Ajax或Flash。DWR使得动态更新页面内容变得更加简单...

    dwr.helloworld:使用 dwr 创建第一个应用程序,HelloWorld

    在这个名为“dwr.helloworld”的示例项目中,我们将深入理解如何使用DWR创建一个基本的“HelloWorld”应用程序,这个程序展示了DWR的核心功能——服务器推送技术。 首先,我们需要了解DWR的基本概念。DWR通过在...

    dwr的helloworld入门例子

    相比于第一版本,DWR2引入了更多的改进和特性,例如异步调用、批量调用、更好的错误处理机制等,同时对AJAX支持进行了优化,提升了性能和用户体验。 3. **创建DWR配置**: 在开始"Hello, World"例子之前,我们需要...

    DWR_HelloWorld之痛

    **标题:“DWR_HelloWorld之痛”** 这篇博客文章主要探讨了Direct Web Remoting (DWR)框架在实现一个简单的“HelloWorld”示例时...对于初学者来说,理解并解决“HelloWorld”示例中的问题,是掌握DWR的关键第一步。

    DWR参考手册_快速入门

    2. **第一个DWR程序:Hello World** - **将DWR放入工程**:将DWR的jar包添加到项目的类路径中。 - **编辑配置文件**:创建`web.xml`和`dwr.xml`文件来配置DWR。`web.xml`用于配置servlet和初始化参数,而`dwr.xml...

    DWR中文文档(pdf)

    ##### 1.2 第一个DWR程序:HelloWorld **步骤详解**: 1. **将DWR放入你的工程**:首先需要将DWR的相关jar包添加到项目中。 2. **编辑配置文件**:配置`web.xml`文件以启用DWR服务。 3. **编写service**:创建一个...

    DWR中文教程

    - **第一个DWR程序:HelloWorld** - **将DWR放入你的工程**:指明了如何将DWR框架添加到现有的项目中。 - **编辑配置文件**:详细解释了`web.xml`和`dwr.xml`配置文件的重要性及其基本配置项。 - **编写service**...

    dwr中文文档dwr中文文档dwr中文文档

    **1.2 第一个DWR程序:HelloWorld** - **1.2.1 将DWR放入你的工程** - 首先,需要将DWR的相关库添加到项目中。这通常包括`dwr.jar`等核心库文件。 - **1.2.2 编辑配置文件** - 需要在项目的`WEB-INF`目录下创建或...

    DWR(Direct Web Remote)中文文档

    **1.2 第一个DWR程序:HelloWorld** - **1.2.1 将DWR放入工程**: 首先需要下载 DWR 的相关文件,并将其添加到项目的类路径中。 - **1.2.2 编辑配置文件**: 在 web.xml 中配置 DWR 相关的 Servlet 和 Filter。 - **...

Global site tag (gtag.js) - Google Analytics