`
alert_mm
  • 浏览: 169393 次
  • 性别: Icon_minigender_2
  • 来自: 厦门
社区版块
存档分类
最新评论

DWR的学习笔记

阅读更多

1.1 DWR简介  

 

      DWR是一个可以允许你去创建AJAX WEB站点的JAVA开源库。它可以让你在浏览器中的Javascript代码调用Web服务器上的Java代码,就像在Java代码就在浏览器中一样。

 

      DWR包含2个主要部分:

      1、 一个运行在服务器端的Java Servlet,它处理请求并且向浏览器发回响应。

    2、运行在浏览器端的JavaScript,它发送请求而且还能动态更新网页。 

    

     DWR工作原理是通过动态把Java类生成为Javascript。

 

 1.2 第一个DWR程序:Hello World   

 

   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    

    

    注意,要把<servlet>和其他<servlet>放在一起,<servlet-mapping>要和其他<servlet-mapping>放在一起

<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_9" 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>projectName</display-name>
    <!-- 其它的一些相关配置  在此省略-->
      <!-- 开始DWR配置 -->
	<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>
		<load-on-startup>1</load-on-startup>
	</servlet>
	
	<servlet-mapping>
		<servlet-name>dwr-invoker</servlet-name>
		<url-pattern>/dwr/*</url-pattern>
	</servlet-mapping>
	<!-- 结束DWR配置 -->

</web-app>

 

 2. dwr.xml


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

 

  

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.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/你的工程(projectName)/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='js/util.js'></script> 
     <script type='text/javascript' src='js/engine.js'></script> 
     <script type='text/javascript' src='dwr/interface/service.js'> </script> 

      <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/你的工程(projectName)/first_dwr.jsp  进行测试

 

分享到:
评论

相关推荐

    DWR 教程 中文API DWR.xml配置文件说明 DWR学习笔记

    首先,"DWR学习笔记"提供了对DWR基础概念、核心功能以及实际应用的概述。这些笔记可能包含了DWR的基本架构,如它如何通过AJAX技术实现实时的Web交互,以及如何创建和调用服务器端的Java方法。 "DWR中文API"是DWR库...

    DWR学习笔记

    ### DWR学习笔记 #### 一、DWR简介 DWR(Direct Web Remoting)是一种开源框架,专门设计用于简化Web页面与Java类之间的交互。它通过提供一种新的方法来实现Ajax技术,使得浏览器中的JavaScript代码能够如同在本地...

    DWR学习笔记及经验总结

    在“DWR学习笔记及经验总结”中,我们可以期待找到以下关键知识点: 1. **DWR的基本概念**:了解DWR的核心理念,包括远程方法调用(Remote Method Invocation)、反向Ajax以及它如何通过JSON或XML格式传递数据。 2...

    DWR学习笔记和与spring整合练习

    **DWR(Direct Web Remoting)**是一种JavaScript库,它允许Web...通过深入学习和实践"DWR学习笔记和与spring整合练习",开发者可以掌握DWR的精髓,熟练运用其与Spring的整合,打造出高效、安全、易维护的Web应用程序。

    dwr学习笔记pdf文件

    ### dwr学习笔记pdf文件知识点概述 #### 一、DWR框架简介 - **DWR**(Direct Web Remoting)是由GetAhead公司开发的一款用于实现Ajax应用的框架。该框架的核心价值在于允许客户端JavaScript直接调用服务器端Java类...

    dwr学习笔记和总结

    ### dwr学习笔记和总结 #### 一、DWR简介 DWR (Direct Web Remoting) 是一个简化Ajax开发的框架,它使得JavaScript能够直接调用服务器端的Java方法成为可能,无需编写复杂的Ajax代码。这极大地提高了开发效率,并...

    DWR学习笔记-HelloWorld篇

    【标题】:“DWR学习笔记-HelloWorld篇” 在IT领域,DWR(Direct Web Remoting)是一个开源的Java框架,它允许JavaScript在浏览器端直接调用服务器端的Java方法,实现了网页与服务器的实时交互,类似于Ajax技术,但...

    dwr学习笔记(一个简单猜数字游戏)

    总结来说,这个"DWR学习笔记"示例涵盖了以下知识点: 1. DWR的基本概念和工作原理,包括Reverse Ajax机制。 2. 如何在服务器端配置DWR,定义可调用的Java服务。 3. 客户端如何使用DWR的JavaScript库与服务器进行通信...

    dwr学习笔记

    《DWR学习笔记详解》 DWR(Direct Web Remoting)是一种开源JavaScript库,它允许在Web浏览器和Java服务器之间进行实时、双向通信,极大地增强了Web应用的交互性。DWR使得开发者能够像操作本地对象一样操作服务器端...

    ajax dwr学习笔记和jar文件

    1. **官方文档**:DWR的官方文档详细介绍了如何配置、使用以及扩展DWR,是学习的好资料。 2. **示例代码**:实践是最好的老师,通过分析和运行提供的jar文件中的示例代码,能更深入理解DWR的工作原理。 3. **社区...

    DWR学习笔记(附带很详细的例子)

    【DWR(Direct Web Remoting)】是一种开源的Java库,专为开发包含AJAX技术的网站而设计。DWR的核心功能是使浏览器中的JavaScript...DWR的简单接口和强大的功能使其成为AJAX开发的有力工具,特别适合初学者学习和使用。

    DWR学习笔记(下载)

    **DWR(Direct Web Remoting)学习笔记** DWR是一种Java技术,用于在浏览器和服务器之间实现双向通信,使得Web应用程序能够实时更新和交互。它允许JavaScript直接调用服务器端的Java方法,就像它们是本地函数一样,...

    DWR学习笔记(如何配置DWR和工程实例)

    DWR(Direct Web Remoting)是一种Java库,用于在Web应用程序中实现JavaScript和服务器端Java对象之间的双向通信。它使得动态、实时的Web界面成为可能,而无需刷新整个页面。以下是对DWR配置和工程实例的详细解释: ...

    DWR 学习笔记

    **DWR(Direct Web Remoting)学习笔记** DWR 是一个开源 Java 框架,它允许在浏览器和服务器之间进行实时、双向通信,从而实现类似桌面应用的用户体验。DWR 的核心特性在于它简化了 AJAX(Asynchronous JavaScript...

Global site tag (gtag.js) - Google Analytics