`

DWR入门Demo

    博客分类:
  • DWR
阅读更多
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入门Demo

    这个"Dwr入门Demo"是为初学者准备的一个简单示例,旨在帮助理解DWR的基本概念和用法。 首先,让我们了解DWR的核心功能: 1. **反向AJAX(Reverse Ajax)**:DWR实现了服务器端Java方法与客户端JavaScript之间的...

    DWR入门demo

    在"DWR入门demo"中,我们可以学习到以下几个关键知识点: 1. **DWR的基本概念**:DWR的核心是提供了一个安全、高效的机制,通过AJAX(Asynchronous JavaScript and XML)技术实现在浏览器和服务器之间进行异步通信...

    dwr入门demo

    这个“dwr入门demo”是一个实例,可以帮助初学者理解并掌握DWR的基本用法。 DWR的核心功能在于它提供了一种方式,使得JavaScript可以直接调用服务器上的Java方法,就像调用本地函数一样,从而极大地增强了Web应用的...

    软件工程DWR入门教程.docx

    软件工程 DWR 入门教程 DWR(Direct Web Remoting)是一种基于 Java 的远程方法调用技术,它允许在 Web 应用程序中将 Java 对象作为远程服务暴露给客户端,客户端可以通过 Ajax 调用这些服务。下面是 DWR 入门教程...

    DWR入门教程

    《DWR入门教程:服务器推送新手指南》 Direct Web Remoting (DWR) 是一种用于在Web应用程序中实现实时服务器推送技术的开源框架。它允许JavaScript与服务器端的Java对象进行交互,使得Web应用能够实时地更新客户端...

    dwr3_helloword入门

    在本教程中,我们将学习如何使用DWR 3.0进行快速入门,通过一个简单的“Hello, World”实例来理解其工作流程。 首先,我们需要创建一个Web工程,并导入DWR 3.0的相关库。这通常包括DWR的核心JAR包和可能需要的日志...

    【软件工程】DWR入门教程.docx

    **DWR(Direct Web Remoting)入门教程** DWR 是一款强大的 Java 框架,用于实现在浏览器和服务器之间进行实时的、安全的、跨域的 AJAX(Asynchronous JavaScript and XML)通信。通过 DWR,开发者可以在客户端的 ...

    dwr的初级入门

    在"DwDome"压缩包中,可能包含了一个简单的DWR入门示例,展示了如何创建一个DWR应用: 1. **创建Java类**:例如,一个名为`HelloWorldService`的类,其中有一个返回问候信息的方法。 2. **配置DWR**:在`dwr.xml`中...

    Ajax+Serlet+DWR+JDBC,经典DEMO_源码

    这个压缩包文件包含了一个经典的Java Web开发示例,主要运用了Ajax、Servlet、Direct Web Remoting (DWR) 和 JDBC技术。这些技术是构建动态、交互性较强的Web应用的重要工具,特别适合Java初学者进行学习。 **Ajax...

    DWR开发培训(PPT)

    **DWR Demo介绍** 一个简单的DWR应用通常包括以下几个关键环节: 1. **配置文件设置**:展示如何配置DWR与Web应用集成,以及如何配置JavaScript与Java组件的映射。 2. **JavaScript与Java数据类型的对应**:理解...

    dwr开发培训的ppt资源(入门级)

    通过一个Demo,我们可以了解到DWR的配置过程和基本使用方法,包括服务器端代码编写、DWR配置文件的设置以及客户端JavaScript代码的编写。这个过程涵盖了DWR开发的关键步骤,帮助开发者更好地理解和应用DWR技术。 ...

    DWR-Getting Started.pdf

    ### DWR入门指南 #### 一、DWR简介 DWR (Direct Web Remoting) 是一个简化Ajax开发的Java框架,它使得JavaScript可以像调用本地对象一样远程调用服务器端的Java对象。通过这种方式,开发者可以更加方便地在客户端...

    dwr实例及常见问题

    在这个示例中,我们允许创建一个返回当前日期的JavaScript对象(JDate)和一个基于特定Java Bean(your.java.Bean)的对象(Demo)。确保遵循正确的DTD(Document Type Definition)以避免解析错误。 配置完成后,...

Global site tag (gtag.js) - Google Analytics