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、運行

正確登錄：