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

最新推荐文章于 2021-10-17 11:44:09 发布

最新推荐文章于 2021-10-17 11:44:09 发布 · 172 阅读

文章标签：

#DWR #JavaScript #Servlet #JavaEE #Web #ViewUI

AJAX 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍如何在DWR框架中使用JavaBean进行数据传递，包括web.xml和dwr.xml的配置、JavaBean的设计、前后端交互代码实现及注意事项。

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.部署,启动服务器,访问！