DWR入门 - Hello World DWR

2008-03-04 00:09Update

TAGS: DWR | 入门 | 范例

LifevV.COM编辑部

Page Options

Recommend To Friend

本文将使用DWR2，开发一个简单地WEB应用程序范例：Hello World DWR。

Page: <1|2 >

我们在上篇文章，DWR 2.0的安装与使用入门一文中对DWR2.0的安装与基本使用方法作了解说。

本文将使用DWR2，开发一个简单地WEB应用程序：Hello World DWR。

Hello World DWR将从HelloDwr.html 文件调用Java方法。

开发与测试环境：
IDE：Eclipse3.3
WEB服务器：Tomcat5.5
OS：WindowsXP
DWR版本：DWR 2.0.3

步骤

1，利用Eclipse创建一个新项目“HelloDWR”。

创建好的项目具有以下阶层：
HelloDWR
    \src
    \build
    \WebContent
        \ META-INF
            MANIFEST.MF
        \ WEB-INF
        \ classes
        \ lib
        web.xml

2，DWR设置

1）将下载的dwr.jar文件拷贝到HelloDWR/WebContent/WEB-INF/lib目录下。
2）打开web.xml文件，定义DWR servlet，内容如下：

<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" 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>HelloDWR</display-name>

    <servlet>
        <servlet-name>dwr-invoker</servlet-name>
        <display-name>DWR Servlet</display-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，创建一个简单的Java类：

创建好的Java类HelloDwr的内容如下：
HelloDwr.java

package com.syboos.test.dwr;

public class HelloDwr {
    //无参数方法定义
    public String sayHello() {
        return "Hello DWR!";
    }
    
    //有参数方法定义
    public String sayHelloWithParam(String name) {
        return "Hello:" + name;
    }
}

4，在HelloDWR/WebContent/WEB-INF目录下创建dwr.xml文件

dwr.xml内容为：

<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
    "http://getahead.org/dwr/dwr20.dtd">

<dwr>
  <allow>
    <create creator="new" javascript="HelloDwr">
      <param name="class" value="com.syboos.test.dwr.HelloDwr"/>
    </create>
  </allow>
</dwr>

解说：
1）， <create creator="new" javascript="HelloDwr">
为javascript属性设置Java类的Javascript类名。一般情况，设置与Java类的名称同名。
2）， <param name="class" value="com.syboos.test.dwr.HelloDwr"/>
为value属性设置Java类的全名（包名.类名）
只作以上简单的设置，便可以从HTML文件中调用HelloDwr类的方法。

下一页：创建调用Java类的HTML文件以及动作确认，HelloDWR项目下载