Struts2,Spring,jquery实现的登录例子

1、创建工程：

2、创建数据库：（这里使用Mysql）

3、创建表及插入数据：

4、在工程中导入struts2和spring的相关包:

5、导入Jquery的包：

6、编写相应的Java文件：

BaseAction：

/**
 * 
 */
package com.gzedu.base;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.struts2.ServletActionContext;

import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;

/**
 * @author ps
 *
 */
public class BaseAction extends ActionSupport {
	protected ActionContext ctx = ActionContext.getContext();
	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;
	/**
	 * 获取Response
	 * @return
	 */
	protected HttpServletResponse getResponse(){
		HttpServletResponse response = (HttpServletResponse)ctx.get(ServletActionContext.HTTP_RESPONSE);
		return response;
	}
	/**
	 * 获取Request
	 * @return
	 */
	protected HttpServletRequest getRequest(){
		HttpServletRequest request = (HttpServletRequest)ctx.get(ServletActionContext.HTTP_REQUEST);
		return request;
	}
}

LoginAction类：

/**
 * 
 */
package com.gzedu.login.action;

import java.util.Map;

import org.apache.struts2.json.JSONUtil;

import com.gzedu.base.BaseAction;
import com.gzedu.login.entity.Login;
import com.gzedu.login.service.ILoginService;

/**
 * @author ps
 *
 */
public class LoginAction extends BaseAction {
	private ILoginService loginService;
	private Login login;
	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;
	/**
	 * 登录事件
	 * @return
	 */
	public String login() throws Exception{
		return SUCCESS;
	}
	/**
	 * 检查登录用户是否存在
	 * @return
	 */
	public String checkLogin()throws Exception{
		Map<String,String> msgMap = loginService.login(login);
		boolean isLogin = Boolean.valueOf(msgMap.get("isLogin"));
		
		String json = "success";
		if(!isLogin){
			json = "error";
		}
		
		json = JSONUtil.serialize(json);
		getResponse().setCharacterEncoding("utf-8");
		getResponse().getWriter().write(json);
		return null;
	}
	
	public ILoginService getLoginService() {
		return loginService;
	}
	public void setLoginService(ILoginService loginService) {
		this.loginService = loginService;
	}


	public Login getLogin() {
		return login;
	}


	public void setLogin(Login login) {
		this.login = login;
	}
	
}

DAO接口：

/**
 * 
 */
package com.gzedu.login.dao;

import java.util.Map;

import com.gzedu.login.entity.Login;

/**
 * @author ps
 *
 */
public interface ILoginDao {
	/**
	 * 用户登录
	 * @param login 用户登录信息
	 * @return 登录返回信息
	 */
	public Map<String,String> login(Login login);
}

DAO实现类：

/**
 * 
 */
package com.gzedu.login.dao.impl;


import java.util.HashMap;
import java.util.List;
import java.util.Map;

import org.springframework.jdbc.core.support.JdbcDaoSupport;

import com.gzedu.login.dao.ILoginDao;
import com.gzedu.login.entity.Login;

/**
 * @author ps
 *
 */
public class LoginDaoImpl extends JdbcDaoSupport implements ILoginDao{
	@Override
	public Map<String,String> login(Login login) {
		String sql = "select * from t_user where username = ? and password = ?";
		
		List list = getJdbcTemplate().queryForList(sql,new Object[]{login.getUsername(),login.getPassword()});
		
		String isLogin = "true";
		if(list.isEmpty()){
			isLogin = "false";
		}
		Map<String,String> map = new HashMap<String, String>();
		map.put("isLogin", isLogin);
		return map;
	};
}

Login中间层接口：

/**
 * 
 */
package com.gzedu.login.service;

import java.util.Map;

import com.gzedu.login.entity.Login;

/**
 * @author ps
 *
 */
public interface ILoginService {
	/**
	 * 用户登录
	 * @param login 用户登录信息
	 * @return 登录返回信息
	 */
	public Map<String,String> login(Login login);
}

中间层的实现类：

/**
 * 
 */
package com.gzedu.login.service.impl;

import java.util.Map;

import com.gzedu.login.dao.ILoginDao;
import com.gzedu.login.entity.Login;
import com.gzedu.login.service.ILoginService;

/**
 * @author ps
 *
 */
public class LoginServiceImpl implements ILoginService{
	private ILoginDao loginDao;

	public ILoginDao getLoginDao() {
		return loginDao;
	}

	public void setLoginDao(ILoginDao loginDao) {
		this.loginDao = loginDao;
	}
	
	@Override
	public Map<String,String> login(Login login) {
		return loginDao.login(login);
	}
}

login实体类：、

/**
 * 
 */
package com.gzedu.login.entity;

/**
 * @author ps
 *
 */
public class Login {
	/**
	 * 用户名
	 */
	private String username;
	/**
	 * 密码
	 */
	private String password;
	
	public String getUsername() {
		return username;
	}
	public void setUsername(String username) {
		this.username = username;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
}

applicationContext.xml配置

<?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:aop="http://www.springframework.org/schema/aop" 
    xmlns:tx="http://www.springframework.org/schema/tx"
    xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.1.xsd
    http://www.springframework.org/schema/tx 
    http://www.springframework.org/schema/tx/spring-tx-3.1.xsd
    http://www.springframework.org/schema/aop 
    http://www.springframework.org/schema/aop/spring-aop-3.1.xsd">

	<bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource">
		<property name="username">
			<value>root</value>
		</property>
		<property name="password">
			<value>root</value>
		</property>
		<property name="driverClassName">
			<value>com.mysql.jdbc.Driver</value>
		</property>
		<property name="url">
			<value>jdbc:mysql://127.0.0.1:3306/jqdb</value>
		</property>
	</bean>
	<!-- jdbcTemplate 配置 -->
	
	<!-- Login 配置 -->
	<bean id="loginDao" class="com.gzedu.login.dao.impl.LoginDaoImpl">
		<property name="dataSource" ref="dataSource" />
	</bean>
	<bean id="loginService" class="com.gzedu.login.service.impl.LoginServiceImpl">
		<property name="loginDao" ref="loginDao" />
	</bean>
	<!-- //Login 配置 -->
</beans>

login的xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">
<struts>
	<package name="loginpackage" extends="struts-default" namespace="/login">
		<action name="login" method="login" class="com.gzedu.login.action.LoginAction">
			<result name="success">/pages/login/main.jsp</result>
		</action>
		<action name="checkLogin" method="checkLogin" class="com.gzedu.login.action.LoginAction">
		</action>
	</package>
	
</struts>

struts2 的xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC
    "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">

<struts>

	<constant name="struts.devMode" value="true" />
	<constant name="struts.objectFactory" value="spring" />
	
	<!-- 配置登录的配置文件 -->
	<include file="login.xml"></include>
</struts>

struts.properties配置

#该属性指定需要Struts 2处理的请求后缀,该属性的默认值是action,
#即所有匹配*.action的请求都由Struts 2处理.如果用户需要指定多个请求后缀,
#则多个后缀之间以英文逗号(,)隔开.
struts.action.extension = do

jsp页面

login.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
	String path = request.getContextPath();
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录</title>
<script type="text/javascript" src="<%=path %>/js/jquery/1.7/jquery-1.7.1.min_production.js"></script>
</head>
<body>
	<form action="<%=path %>/login/login.do" method="post">
		用户名：<input type="text" name="login.username" /><br/>
		密    码：<input  type="password" name="login.password" /><br/>
		<input type="button" value="登录" οnclick="login();">
		<input type="button" value="取消"><br/>
		<input type="submit" value="提交" style="display: none"><br/>
		<div id="errMsg" style="text-algin:center;color: red"></div>
	</form>
	
	<script type="text/javascript">
		function login(){
			var url = "<%=path %>/login/checkLogin.do";
			$.ajax({
				type : "POST",
				url : url,
				dataType : "json",
				data : {
					"login.username": $("input[name='login.username']").val(),
					"login.password": $("input[name='login.password']").val()
					},
				success : function (data){
					if("error" == data){
						$("#errMsg").html("<p>用户名或者密码错误，请重新输入！</p>");
						
						setTimeout("$('#errMsg').html('')",10000);
					}else{
						$("input[type=submit]").click();
					}
				},
				error : function (jqXHR, textStatus, errorThrown){
					alert(textStatus);
				}
			});
		}
	</script>
</body>
</html>

main.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>主页</title>
</head>
<body>
	<h2>我是主页，我怕谁！</h2>
</body>
</html>

7、运行

正确登录：