`
java110eye
  • 浏览: 64963 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

dwr入门 -- 02 -- HelloWord解释&&使用javabean

    博客分类:
  • AJAX
阅读更多

1、在web.xml添加一段代码,解决上一篇第一访问时的错:DefaultContainer can't find a classes。修改结果如下:

<?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">
	<welcome-file-list>
		<welcome-file>index.jsp</welcome-file>
	</welcome-file-list>

	<!-- 新增的dwr配置 -->
	<servlet>
		<servlet-name>dwr-invoker</servlet-name>
		<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
		<init-param>
			<description></description>
			<!-- 调试模式 -->
			<param-name>debug</param-name>
			<param-value>true</param-value>
		</init-param>
		<!-- 解决错误:DefaultContainer can't find a classes -->
		<!-- 原因:DwrServlet初始化的时候会去检查注释的类,找不到就抱错. -->
		<init-param> 
            <param-name>classes</param-name> 
            <param-value>java.lang.Object</param-value> 
        </init-param> 
	</servlet>
	<servlet-mapping>
		<servlet-name>dwr-invoker</servlet-name>
		<url-pattern>/dwr/*</url-pattern>
	</servlet-mapping>
</web-app>

 2、现在我们传递使用javabean, 首先建个javabean:

package com.xx;

import java.io.Serializable;

public class UserBean implements Serializable {
	private String name;
	private String pwd;

	public UserBean() {
	}

	public UserBean(String name, String pwd) {
		this.name = name;
		this.pwd = pwd;
	}

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public String getPwd() {
		return pwd;
	}

	public void setPwd(String pwd) {
		this.pwd = pwd;
	}

}

 然后修改Test类里的hello方法:

 

package com.xx;

public class Test {
	public UserBean hello(UserBean user) {
		//return "您好!" + user.getName() + ", 您的密码是: " + user.getPwd();
		return user;
	}
}
 

3、传递javabean需要在dwr.xml配置文件中做一些修改:

<!DOCTYPE dwr PUBLIC 
    "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" 
    "http://www.getahead.ltd.uk/dwr//dwr20.dtd">
<dwr>
	<allow>
		<!-- 
			 creator="new/spring/none/scripts" 业务组件的创建类型
			 javascript="Hello" 表示JS可以用Hello来调用com.xx.Test里的内容
			 					前台页面JS引用此组件的名称,名称需要唯一 
			 scope="session/request/application/page" 组件的生命周期
		-->
		<create creator="new" javascript="Hello">
			<!-- param配置业务组件的创建参数: name名称;value类全名称 -->
			<param name="class" value="com.xx.Test" />
			<!-- include授权方式.保护业务组件方法的可见性: method可以访问的方法名(默认所有都可以) -->
			<!-- exclude排除方式. -->
			<!-- auth EJB角色访问控制方式: method可以访问的方法名;role访问角色 -->
		</create>
		
		<!-- converter配置数据类型的转换器,一般是bean,因为基本类型的转换器DWR默认设置 -->
		<!-- match使用此转换器的java对象全名称 -->
		<convert match="com.xx.UserBean" converter="bean" />
	</allow>
	<!-- <signatures>标签是用来声明java方法中List、Set或者Map参数所包含的确切类,以便java代码作出判断. -->
	<!-- <signatures> 
		<![CDATA[ 
			import java.util.List; 
			import com.xx.Test; 
			import com.xx.UserBean; 
			Test.hello(List<UserBean>); 
		]]>
	</signatures>  -->
</dwr>

 4、JSP也改下,有用户名和密码:

<%@ 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>dwr : hello word</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
		<script type='text/javascript' src='<%=basePath%>dwr/interface/Hello.js'></script>
		<!-- 负责客户端服务器端沟通 -->
		<script type='text/javascript' src='<%=basePath%>dwr/engine.js'></script>
		<!-- 包含了工具函数简化页面处理 -->
		<script type='text/javascript' src='<%=basePath%>dwr/util.js'></script>
		<script type='text/javascript' src='<%=basePath%>hello.js'></script>
	</head>

	<body>
		<input id="user_name" type="text" />
		<input id="user_pwd" type="password" />
		<input type='button' value='提交' onclick='hello();' />
		<div id="result"></div>
	</body>
</html>

 5、最后就是交互的hello.js文件修改:

function hello() {
	var user_name = $('user_name').value; // document.getElementById("user_name").value
	// 或者 DWRUtil.getValue("user_name") 直接取值
	var user_pwd = DWRUtil.getValue("user_pwd");
	var user = {name:user_name, pwd:user_pwd };
	Hello.hello(user, callback);
}
// 回调函数
function callback(msg) {
	//DWRUtil.setValue('result', msg);
	for(var property in msg){ 
		alert("property:"+property); 
		alert(property+"的值是:"+msg[property]); 
	}
	// 知道属性名的情况下直接msg.name
}

/* DWRUtil.getText("id"),返回一个select下拉菜单中的text值.仅适用于select类型的元素. 
 * DWRUtil.onReturn(event, submitFunction) 定义在输入框中按回车的响应,可以防止执行submit. 
 */

 6、OK.部署,启动服务器,访问!


 

1、要注意DWR异步机制带来的数据可能不同步问题

2、返回结果只能是一个值所以要详细设计返回结果类型

3、要注意Java引用传递和JavaScript值传递的差异

4、连续多次后台请求尽量采用批量调用(一个批量方法调用以DWREngine.beginBatch()开始WREngine.endBatch()结束.当DWREngine.endBatch()被调用时就说明开始调用批量方法,DWR就将这些方法打包在一起作为一次请求发送给服务器.)

 

5、尽量将JavaScript的逻辑处理代码抽取成一个独立的文件

 

  • 大小: 28.2 KB
分享到:
评论

相关推荐

    dwr入门 -- 03 -- 结合Spring

    标题 "dwr入门 -- 03 -- 结合Spring" 指向的是一个关于Direct Web Remoting (DWR)框架如何与Spring框架整合的教程。DWR是一个Java库,允许在浏览器和服务器之间进行实时、双向通信,使得JavaScript可以直接调用Java...

    dwr入门 -- 01 -- Hello Word

    **DWR(Direct Web Remoting)入门教程 -- Hello World** DWR(Direct Web Remoting)是一种JavaScript库,它允许在浏览器和服务器之间进行实时、安全的双向通信,从而实现Web应用中的Ajax功能。通过DWR,开发者...

    SpringBoot整合DWR3.0.2-RELEASE独立部署示例代码以及修改过的DWR3.0.2-RELEASE资源JAR包

    该示例资源主要解决如下两个问题,其一就是解决SpringBoot集成DWR3.0.2-RELEASE版本,无配置文件快速简洁完成集成工作,省去dwr.xml等DWR框架初始化需要的配置文件;其二就是解决了集成后的SpringBoot项目在开发环境...

    DWR入门程序---计算输入的两个数之和.rar

    这个“DWR入门程序---计算输入的两个数之和.rar”压缩包文件很可能是为了演示如何使用DWR来实现在网页上动态计算两个数的和。下面将详细解释DWR的基本概念、工作原理以及如何利用它来实现这个简单的功能。 1. **DWR...

    整理好的DWR-2.0.5-src

    这个不是我的原创,原文件出至这里:...原资源包含了,源代码和API Doc,只是美中不足的是没有整理成可用的zip文档,我这特分离了一下,并重新打好包了,初步测试了一下能用。

    dwr实例 - dwr入门 本人开发的:小游戏 大家一起来赚钱

    DWR入门涉及以下几个关键知识点: 1. **配置DWR**:首先,你需要在项目中集成DWR,这通常包括在`web.xml`中配置DWR的Servlet,以及在项目的类路径下创建`dwr.xml`配置文件,用于声明暴露给JavaScript的Java类和方法...

    DWR--学习参考文档

    DWR(Direct Web Remoting)是一种Java库,用于在Web应用程序中实现实时的、双向的JavaScript和服务器端代码交互。这个技术允许开发者在客户端浏览器上执行服务器端的方法,就像它们是本地JavaScript函数一样,极大...

    DWR (AJax). jar && dwr-version.properties

    DWR (AJax)框架使用配置说明 说明:压缩包里分别有:dwr.jar , dwr-version.properties , 和使用说明。 快速的介绍dwr+ssh和mvc(new)结构下的定制与使用;

    DWR3.0.2-RELEASE修改版源码(解决资源加载问题导致的和SpringBoot整合后SpringBoot项目无法以独立JAR运行)

    在实际应用中,要使用这个修改版的DWR,开发者需要将源码编译为新的jar包,并将其引入到Spring Boot项目的依赖管理中。此外,还需要确保DWR的配置文件(如dwr.xml)正确设置,以匹配修改后的资源加载逻辑。 总之,...

    dwr-2.0.5.jar&commons;-logging-1.0.4.jar

    使用DWR时,开发者需要在服务器端配置DWR引擎,定义哪些Java对象和方法可以被客户端JavaScript访问。这通常通过创建一个名为`dwr.xml`的配置文件来完成。配置文件会指定类路径、安全设置、以及任何自定义转换器或...

    dwr3_helloword入门

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

    Dwr入门操作手册Dwr

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

    Spring & DWR - Ajax made Easy

    这样,DWR的配置和使用变得非常简洁,只需在Spring的配置文件中添加相应的bean定义即可。 接下来,我们关注一下DWR的使用流程。在创建一个DWR友好的Web应用时,通常包括以下步骤: 1. **配置DWR**:在Web应用的`...

    dwr-1.1.3-src.zip

    标题 "dwr-1.1.3-src.zip" 指示的是 Direct Web Remoting (DWR) 的源代码版本1.1.3的压缩包。DWR 是一个开源Java库,它允许JavaScript在Web浏览器中与服务器端的Java对象进行交互,实现Ajax功能。描述中的内容同样...

    dwr,jar和dwr-noncla.jar

    Direct Web Remoting (DWR) 是一个开源Java库,它允许在Web应用程序中轻松地进行JavaScript和服务器端Java代码之间的交互。DWR使得AJAX(Asynchronous JavaScript and XML)开发更为简便,允许开发者在不刷新整个...

    dwr.jar/dwr-2.0.5-src.zip/dwr.zip

    这个资源包包含了DWR的jar文件和源代码,可以帮助开发者深入了解并使用DWR框架。 1. **DWR.jar**: 这是DWR的核心库文件,包含了运行DWR所需的所有类和资源。当你在项目中引入dwr.jar,你可以使用DWR提供的API来...

    dwr-3.0.jar

    最新dwr3.0的包,有需要的朋友就下载吧

Global site tag (gtag.js) - Google Analytics