dwr入门 -- 03 -- 结合Spring -

java110eye

浏览: 65032 次
性别:
来自: 成都

最近访客更多访客>>

a316988959

huangxinyu_it

97wgl

changeHQ

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

dwr入门 -- 03 -- 结合Spring

博客分类：

AJAX

DWR Spring Bean Servlet JavaScript

1、WEB工程+Spring的jar包+DWR.jar

2、web.xml,配置spring和dwr：

<?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>

	<!--初始化WebApplicationContext-->
	<context-param>
		<param-name>contextConfigLocation</param-name>
		<param-value>classpath:applicationContext.xml</param-value>
	</context-param>
	<listener>
		<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
	</listener>
	<!-- 配置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>
		<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>

3、新建Test.java 和 UserBean.java:

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;
	}

}

package com.xx;

public class Test {
	private UserBean user;

	public UserBean hello(String name) {
		this.user.setName(name);
		return this.user;
	}

	public UserBean getUser() {
		return user;
	}

	public void setUser(UserBean user) {
		this.user = user;
	}

}

4、配置spring的applicationContext.xml.我的是放在src根目录下的

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"
	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.0.xsd">

	<bean id="beanId_Test" class="com.xx.Test">
		<property name="user">
			<ref bean="user" />
		</property>
	</bean>
	
	<bean id="user" class="com.xx.UserBean">
		<property name="pwd" value="spring送给你的 pwd">
		</property>
	</bean>
</beans>

5、对象也有了,现在配置dwr.xml

<!DOCTYPE dwr PUBLIC 
    "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" 
    "http://www.getahead.ltd.uk/dwr//dwr20.dtd">
<dwr>
	<allow>
		<create creator="spring" javascript="HelloSpring">
			<!-- 
				name="beanName"使用spring配置的id;
				value="beanId_Test"某个bean的id
			-->
			<param name="beanName" value="beanId_Test" />
		</create>
		
		<convert match="com.xx.UserBean" converter="bean" />
	</allow>
</dwr>

6、index.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 spring</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/HelloSpring.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 type='button' value='提交' onclick='hello();' />
		<div id="result"></div>
	</body>
</html>

注意要导入：dwr/interface/HelloSpring.js

7、hello.js：

function hello() {
	var user_name = $('user_name').value;
	HelloSpring.hello(user_name, callback);
}

function callback(msg) {
	var str = "";
	for(var property in msg){ 
		str += property + "的值是:" + msg[property] + " ; "; 
	}
	DWRUtil.setValue('result', str);
}

8、OK，加入了简单的spring. 看看效果,大概就这样个结构.