Spring2结合DWR2的用户注册的例子

最新推荐文章于 2024-08-24 21:56:58 发布

iteye_18568

最新推荐文章于 2024-08-24 21:56:58 发布

阅读量75

点赞数

分类专栏： AJAX 文章标签： DWR Spring XML Apache .net

AJAX 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1.软件版本

Spring-Version: 2.0.7 http://www.springframework.org/
DWR-version: 2.0.2 http://getahead.org/dwr
IDE: Eclipse 3.2 + MyEclipse 6.0

2.新建工程：dwrsping

加入对spring的支持，并把dwr的jar包dwr.jar复制到WEB-INF\lib下
需要的jar包为：
[img]https://p-blog.csdn.net/images/p_blog_csdn_net/lveyo/1.JPG[/img]

3.编辑web.xml加入对spring和dwr的支持

<!-- DWR servlet 配置 -->
<servlet>
	<servlet-name>dwr-invoker</servlet-name>
	<servlet-class>
		org.directwebremoting.spring.DwrSpringServlet
	</servlet-class>
	<init-param>
		<param-name>debug</param-name>
		<param-value>true</param-value>
	</init-param>
</servlet>
<servlet-mapping>
	<servlet-name>dwr-invoker</servlet-name>
	<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>

<!-- 设置Spring监听器 -->
<listener>
	<listener-class>
		org.springframework.web.context.ContextLoaderListener
	</listener-class>
</listener>

说明：
org.directwebremoting.spring.DwrSpringServlet这个类是dwr专门为整合spring提供的一个servlet，加入这个之后，dwr的配置就可以写入到spring的配置文件applicationContext.xml中，省掉了dwr.xml

4.编辑jsp页面 index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<html>
  <head>    
    <title>DWR+SPRING</title>
    <script type="text/javascript" src="dwr/engine.js"></script>
  	<script type="text/javascript" src="dwr/util.js"></script>
  	<script type="text/javascript" src="dwr/interface/UserAjaxHelper.js"></script>
  	<script language="javascript">
  	function checkUser(widget){
		var username = widget.value;
		//将username传入到checkUsername方法，返回后调用showUsermsg的js方法
		UserAjaxHelper.checkUsername(username,showUsermsg);
	}

	//showUsermsg的方法定义，data为checkUsername的返回值
	var showUsermsg = function(data){
		if(data){
				DWRUtil.setValue("usermsg","<font color='red'>此用户名已被使用</font>", { escapeHtml:false });
	 		}
	 		else{
				DWRUtil.setValue("usermsg","<font color='green'>此用户名可以使用</font>", { escapeHtml:false });
	 		}
	}
  	</script>
  </head>

  <body onload='dwr.util.useLoadingMessage()'>
    <form action="#">
	    <table border="0">
	    	<tr><td>用户名：</td><td><input type="text" name="username" id="username" value="" onkeyup="checkUser(this);"/><span id="usermsg"></span></td></tr>
	    	<tr><td>密码：</td><td><input type="password" name="userpwd" id="userpwd" value=""></td></tr>
	    	<tr><td><input type="submit" value="注册"/></td><td><input type="reset" value="清空"/></td></tr>
	    </table>
    </form>
  </body>
</html>

说明：

<script type="text/javascript" src="dwr/engine.js"></script>
<script type="text/javascript" src="dwr/util.js"></script>

这两个是dwr默认要调用的js文件，必须写到文件里
UserAjaxHelper.js就是通过applicationContext.xml文件配置的AJAX操作类
调用的写法为：

UserAjaxHelper.checkUsername(username,showUsermsg);
var showUsermsg = function(data){......}

有时写成：

UserAjaxHelper.checkUsername(username,showUsermsg());
function showUsermsg (data){......}

这样就会出问题，showUsermsg就会得不到返回值data，不知道为什么

5. 编辑spring的配置文件applicationContext.xml，加入对dwr的配置


<?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:dwr="http://www.directwebremoting.org/schema/spring-dwr"
	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-2.0.xsd
	 http://www.directwebremoting.org/schema/spring-dwr http://www.directwebremoting.org/schema/spring-dwr-2.0.xsd">

	<!-- DWR 配置开始 -->
	<dwr:configuration></dwr:configuration><!-- 必须要configuration -->
	<dwr:controller id="dwrController" debug="true" />
	<!-- DWR 配置结束 -->

	 <!-- spring bean配置 -->
	 <bean id="userService" class="test.bcndyl.service.impl.UserServiceImpl">
	 </bean>

	 <bean id="userAjaxHelper" class="test.bcndyl.dwr.UserAjaxHelper">
		<property name="userService" ref="userService" />
		<!-- 定义调用的js文件 -->
		<dwr:remote javascript="UserAjaxHelper"></dwr:remote>
	</bean>
	<!-- end spring bean配置 -->
</beans>

说明：

要加入dwr的定义

xmlns:dwr=http://www.directwebremoting.org/schema/spring-dwr

还有http://www.directwebremoting.org/schema/spring-dwr http://www.directwebremoting.org/schema/spring-dwr-2.0.xsd

所有dwr的定义要加dwr的前缀，由于只是传入string类型的username，所以就没有配置convert

6.dwr调用的操作类UserAjaxHelper

package test.bcndyl.dwr;

import test.bcndyl.service.IUserService;

public class UserAjaxHelper {

	private IUserService userService;

	public IUserService getUserService() {
		return userService;
	}

	public void setUserService(IUserService userService) {
		this.userService = userService;
	}

	public boolean checkUsername(String username){
		boolean returnVal = this.getUserService().isUserExist(username);
		return returnVal;
	}

}

用户操作的service接口IUserService

package test.bcndyl.service;

public interface IUserService {

	//用户是否存在
	public boolean isUserExist(String username);

}

用户操作的service接口IUserService的实现类UserServiceImpl

package test.bcndyl.service.impl;

import test.bcndyl.service.IUserService;

public class UserServiceImpl implements IUserService {

	@Override
	public boolean isUserExist(String username) {
		/*
		 *  添加访问数据库代码 
		 *  或者调用Hibernate方法
		 *  返回用户是否存在
		 *  true--用户存在，false-用户不存在
		 */

		//测试代码，检测用户名是否为hello，是hello返回true，不是hello返回false
		if("hello".equals(username))
			return true;
		return false;
	}

}

7.检测dwr是否正确工作的方法，可以在浏览器地址栏输入http://localhost:8080/appName/dwr
可以看到可供dwr调用的方法
[img]https://p-blog.csdn.net/images/p_blog_csdn_net/lveyo/2.JPG[/img]

8. 此例子程序运行结果
[img]https://p-blog.csdn.net/images/p_blog_csdn_net/lveyo/3.JPG[/img]

iteye_18568

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Spring2结合DWR2的用户注册的例子

1.软件版本Spring-Version: 2.0.7 http://www.springframework.org/DWR-version: 2.0.2 http://getahead.org/dwrIDE: Eclipse 3.2 + MyEclipse 6.02.新建工程：dwrsping加入对spring的支持，并把dwr的jar包dwr.jar复...
复制链接

扫一扫

专栏目录