`

第一个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 HelloWorld例子(附:详细说明) 第一个DWR HelloWorld例子(附:详细说明)

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

    近日工作中用到DWR,前段时间研究了一下,过段时间没有接触再入手发现有点生疏,于是今天我就打算在温习一下。本文档实用与新手,主要是DWR的环境搭建与第一个入门程序HelloWorld

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

    你好世界使用dwr创建第一个应用,HelloWorld这是一个简单的应用,使用dwr实现了服务器推送技术

    DWR中文文档.pdf

    DWR入门 8 1.1 简介 8 1.2 第一个DWR程序:Hello World 9 1.2.1 将DWR放入你的工程 9 1.2.2 编辑配置文件 9 1.2.3 编写service 10 1.2.4 测试DWR 10 1.2.5 编写一个jsp 11 1.3 本...

    DWR初学者的一个很基本的例子Hello World

    这是本人做的第一个DWR的Hello World实例,虽然网上有很多一模一样的例子,可是当你自己做起来的时候你就发现没有那么简单,因此本人将我这个费了很大劲做出来的例子贡献出来,本人用的开发环境是MyEclipse8.5,...

    iuhyiuhkjh908u0980

    Buildfile: G:\eclipseEjb3\Ejb_HelloWorld_02\build.xmlprepare: [mkdir] Created dir: G:\eclipseEjb3\Ejb_HelloWorld_02\buildcompile: [javac] Compiling 3 source files t ... by caizhongda 2009-02-28 回复 ...

    精通JS脚本之ExtJS框架.part1.rar

    3.2 创建第一个程序 3.2.1 下载ExtJS 3.2.2 部署到开发工具中 3.2.3 编写HelloWorld.html 3.2.4 运行调试ExtJS 3.3 辅助开发 3.3.1 调试工具Firebug 3.3.2 开发利器Spket 第4章 ExtJS事件机制 4.1 设计模式...

    精通JS脚本之ExtJS框架.part2.rar

    3.2 创建第一个程序 3.2.1 下载ExtJS 3.2.2 部署到开发工具中 3.2.3 编写HelloWorld.html 3.2.4 运行调试ExtJS 3.3 辅助开发 3.3.1 调试工具Firebug 3.3.2 开发利器Spket 第4章 ExtJS事件机制 4.1 设计模式...

    Jetty中文手册

    Jetty和Maven HelloWorld教程 Jetty(6)入门 (www.itjungle.com) Jetty Start.jar 配置Jetty 如何设置上下文(Context Path) 如何知道使用了那些jar包 如何配置SSL 如何使用非root用户监听80端口 如何配置连接器...

    EXT教程EXT用大量的实例演示Ext实例

    7.2. 第一!乱拖。 7.3. 第二!代理proxy和目标target 8. 哭泣吧!现在才开始讲基础问题。 8.1. Ext.get 8.2. 要是我们想一下子获得一堆元素咋办? 8.3. DomHelper和Template动态生成html 8.3.1. DomHelper...

    EXT2.0中文教程

    7.2. 第一!乱拖。 7.3. 第二!代理proxy和目标target 8. 哭泣吧!现在才开始讲基础问题。 8.1. Ext.get 8.2. 要是我们想一下子获得一堆元素咋办? 8.3. DomHelper和Template动态生成html 8.3.1. DomHelper用来...

    Ext 开发指南 学习资料

    1.6. 入门之前,都看helloworld。 1.6.1. 直接使用下载的发布包 1.6.2. 只把必要的东西放进项目中 2. 震撼吧!让你知道ext表格控件的厉害。 2.1. 功能丰富,无人能出其右 2.2. 让我们搞一个grid出来耍耍吧。 2.3. ...

    低清版 大型门户网站是这样炼成的.pdf

    2.1.8 struts 2的运行流程分析—helloworld 48 2.1.9 struts 2的异常处理 52 2.2 struts 2配置精要 54 2.2.1 web.xml中struts 2的配置实现 54 2.2.2 struts 2属性配置文件struts.properties详解 55 2.2.3 ...

Global site tag (gtag.js) - Google Analytics