`

dwr实战演练(原创) 简单实例 入门学习dwr

阅读更多

学习配置dwr有几个步骤:
1、需要下载dwr的架包,在这篇文章的下面有下载,下载完放置到工程的lib目录下。
2、配置web.xml,这里面不用做任何修改,直接看下面的代码(把下面的代码放置在web.xml中):

<!-- 配置dwr -->
  <servlet>
        <servlet-name>dwr-invoker</servlet-name>
        <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
        <init-param>
            <param-name>debug</param-name>
            <param-value>false</param-value>
        </init-param>
    </servlet>
    <servlet-mapping>
        <servlet-name>dwr-invoker</servlet-name>
        <url-pattern>/dwr/*</url-pattern>
    </servlet-mapping>

 

3、配置dwr.xml,要求和web.xml在同一个路径下,直接见代码:

<?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> <!--此处将pojos包下的所有javaBean转换为javascript对象使用-->  
<convert match="DwrPackage.POJO.User" converter="bean"></convert> 
<!-- javascript的对象是user,create=“new”是DWR自己创建UserDelegate这个类的实例,其他的还有spring方式,通过与IOC容器Spring进行集成 -->  
<create javascript="user" creator="new">  
<param name="class" value="DwrPackage.Service.UserService"></param> 
<!-- include表示客户端可以通过user调用服务器对象的方法,如果不写,则表示可调用这个类的所有方法.可写可不写--> 
<include method="isLogin"/> 
<include method="getUserBy"/> 
<!-- <exclude method="getUserBy"/>   --> 
</create>  
</allow>  
</dwr> 

 
4、服务器端业务逻辑代码,为了方便测试,我写的很简洁,包括两个一个pojo,一个service,相信大家都懂,直接见代码:

***User.java*** 
package DwrPackage.POJO; 

/** 
* 配置一个pojo-User 
* 
* @class User 
* @description 
* @author 李智慧 
* @copyRight copyright(c) 2011 广东南航易网通电子商务有限公司,Rights Reserved 
* @time Dec 14, 2011 5:12:53 PM 
*/ 
public class User { 
public String userName; 
public int age; 
public String address; 
public char sex; 

public String getUserName() { 
return userName; 
} 

public void setUserName(String userName) { 
this.userName = userName; 
} 

public int getAge() { 
return age; 
} 

public void setAge(int age) { 
this.age = age; 
} 

public String getAddress() { 
return address; 
} 

public void setAddress(String address) { 
this.address = address; 
} 

public char getSex() { 
return sex; 
} 

public void setSex(char sex) { 
this.sex = sex; 
} 

public User(String userName, int age, String address, char sex) { 
super(); 
this.userName = userName; 
this.age = age; 
this.address = address; 
this.sex = sex; 
} 

} 

 

***UserService.java*** 
package DwrPackage.Service; 

import DwrPackage.POJO.User; 

/** 
* 配合dwr,模拟业务逻辑层操作 
* 
* @class UserService 
* @description 
* @author 李智慧 
* @copyRight copyright(c) 2011 广东南航易网通电子商务有限公司,Rights Reserved 
* @time Dec 14, 2011 5:16:16 PM 
*/ 
public class UserService { 
/** 
* 测试的时候,只要有username不为空,就返回已经登录状态。 
* 
* @param userName 
* @return 
*/ 
public boolean isLogin(String userName) { 
if (userName == null || "".equals(userName)) { 
return false; 
} else { 
return true; 
} 
} 

/** 
* 获取某个用户,这里是测试,返回固定的值。 
* 
* @return 
*/ 
public User getUserBy(int id) { 
User user = null; 
if (id == 1) { 
user = new User("admin", 20, "广东省广州市", 'M'); 
} else if (id == 2) { 
user = new User("nieke", 22, "广东省深圳市", 'F'); 
} 
return user; 
} 
} 

 

5、前台页面,这里我使用的是jsp页面,见代码:
要导入三个js,两个是基本环境,一个是user.js和配置文件中的名称一致。

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  
<%   
String path = request.getContextPath();   
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";   
%>  
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
  <head>  
<base href="<%=basePath%>"> 
<title>HelloWorld! Applet</title>  
<script src="<%=request.getContextPath() %>/dwr/interface/user.js" type="text/javascript"></script> 
<script src="<%=request.getContextPath() %>/dwr/util.js" type="text/javascript"></script> 
<script src="<%=request.getContextPath() %>/dwr/engine.js" type="text/javascript"></script> 
<script> 
function dwrTest(){ 
var userName=dwr.util.getValue("userName"); 
user.getUserBy(1,callBack); 
} 
function callBack(str){ 
var userName = str.address; 
alert(userName); 
} 
</script> 
</head> 
<body> 
<input type="text" name="userName" /> 
<input type="button" value="测试DWR功能" name="bt" id="bt" onclick="dwrTest()"/> 
</body>  
</html>  

 
说明:一共5个步骤,本人已经测试成功,相信大家也能配置成功搭建好平台。
到这里dwr的简单实例实战就结束了,是不是很简单?可以开始你们的征途啦……
如果还有不清楚的,欢迎联系本人伊妹儿:lizhihui19871127@163.com.

 

分享到:
评论

相关推荐

    dwr实例教程 很好的入门实例

    ### dwr实例教程知识点解析 #### 一、DWR简介及功能特点 DWR(Direct Web Remoting)是一种简化...无论是简单的登录验证还是复杂的菜单刷新功能,DWR都能很好地胜任,是学习和开发Web应用程序的一个非常实用的工具。

    一个简单DWR学习二级菜单实例

    一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例

    dwr简单 实例 入门

    在这个“dwr简单实例入门”中,我们将深入探讨DWR的基本概念、配置和一个简单的应用示例。 首先,了解DWR的核心概念: 1. **Remoting**:远程方法调用,DWR允许JavaScript代码通过HTTP请求调用服务器上的Java方法...

    dwr3.x demo 实例 例子

    在这个"Dwr3.x demo 实例 例子"中,我们可以学习到以下几个关键知识点: 1. **反转Ajax**:DWR的核心特性之一就是反转Ajax,它将传统的请求-响应模式反转过来,使得服务器可以直接调用客户端的JavaScript方法,而...

    DWR消息推送简单实例

    DWR(Direct Web Remoting)是一种Java技术,用于在Web应用程序中实现实时的双向通信。它允许JavaScript在客户端与服务器端之间...通过学习这个实例,开发者可以更好地理解如何在实际项目中利用DWR实现高效的双向通信。

    dwr快速入门+实例

    ### DWR 快速入门与实战应用 #### DWR简介 DWR(Direct Web Remoting)是一种用于简化Ajax应用程序开发的框架。它提供了一个简单的方法来实现从客户端JavaScript调用服务器端Java方法的功能,同时也支持从Java端...

    DWR做的简单登录实例

    这个“DWR做的简单登录实例”是基于DWR技术实现的一个基本用户登录系统,它展示了如何利用DWR进行异步数据交换,以及在jsp页面上进行前端交互。 在DWR的环境中,我们通常有三个主要组件:`DWR Engine`、`Servlet`和...

    dwr实战

    ### DWR实战:深入理解DWR函数在前后端通信中的应用 DWR(Direct Web Remoting)是一种简化JavaScript调用Java方法的技术,它允许Web应用程序的客户端直接访问服务器端的Java对象,从而实现Ajax功能而无需编写复杂...

    DWR+JSP的简单实例

    在本实例中,我们将探讨如何结合DWR和JSP(JavaServer Pages)来实现这一功能。JSP是一种基于Java的服务器端脚本语言,用于生成动态网页。DWR与JSP的结合使用,可以让我们在不刷新整个页面的情况下更新特定部分,...

    dwr实例操作+rmi实例操作

    **DWR(Direct Web Remoting)实例操作** DWR,全称为Direct Web Remoting,是一种在Web应用程序中实现Ajax(Asynchronous JavaScript and XML)技术的框架。它允许JavaScript与服务器端的Java代码进行直接交互,...

    Dwr入门操作手册Dwr

    Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr...

    dwr经典实例(9个常用实例)

    DWR (Direct Web Remoting) 是一个开源JavaScript库,它允许Web应用程序与服务器端Java...通过学习和实践这些实例,开发者能够深入理解DWR的工作原理,并能将其应用于实际项目中,提高Web应用的用户体验和开发效率。

    dwr实战 ajax框架

    ajax框架 dwr实战 不错的教程 ajax框架 dwr实战 不错的教程

    ajax框架:dwr实战.pdf

    ajax框架:dwr实战.pdfajax框架:dwr实战.pdfajax框架:dwr实战.pdfajax框架:dwr实战.pdfajax框架:dwr实战.pdf

    dwr+spring实例

    综上所述,"DWRSpring实例"是一个很好的学习资源,可以帮助我们理解DWR如何与Spring框架集成,以及如何在实际项目中实现动态的、基于Ajax的Web应用。通过研究和实践这个例子,开发者可以提升自己在构建富互联网应用...

    dwr实例dwr实例dwr实例

    dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr...

    DWR的学习资料,DWR学习必备

    可能包含了一些实战项目的源代码,帮助你学习如何利用DWR实现动态的Web界面。 tree.rar:这可能是一个目录结构的压缩文件,展示了DWR项目或者示例应用的文件组织方式。通过查看这个文件,你可以了解DWR项目通常是...

    DWR实战学习笔记.txt

    技术分享:DWR实战学习笔记

    DWR入门教程及实例(含源代码)

    本教程“DWR入门教程及实例(含源代码)”旨在帮助初学者快速掌握DWR的基本概念和使用方法。教程内容可能包括以下几个核心知识点: 1. **DWR概述**:讲解DWR的基本理念,如何通过HTTP协议实现JavaScript与Java之间...

    springMVC+dwr技术实现消息推送实例

    SpringMVC 和 DWR(Direct Web Remoting)是两种在Web开发中用于增强交互性的技术。SpringMVC作为Spring框架的一部分,主要用于构建后端服务,而DWR则是一种JavaScript库,允许JavaScript与Java服务器进行实时通信,...

Global site tag (gtag.js) - Google Analytics