JSF身份验证登录注销数据库示例

3 年 ago

科, 雅

6 minutes

验证机制允许用户通过验证用户名和密码安全地访问应用程序。我们将使用JSF视图进行登录，DAO对象，HttpSession进行会话管理，JSF托管组件和mysql数据库。现在让我们详细看一下如何在JSF应用程序中创建JSF登录注销验证机制。第一步：在mysql数据库中创建名为Users的表。

CREATE TABLE Users( 
uid int(20) NOT NULL AUTO_INCREMENT, 
uname VARCHAR(60) NOT NULL, 
password VARCHAR(60) NOT NULL, 
PRIMARY KEY(uid));

在这里我们使用uid作为主键创建用户表，用户名和密码字段带有非空约束。第二步：将数据插入到用户表中，如下；

INSERT INTO Users VALUES(1,'adam','adam');

在我们继续项目相关的代码之前，在Eclipse中的下面图像中显示了项目结构。只需创建一个动态Web项目并将其转换为Maven以获取项目桩，然后继续添加不同的组件。第三步：创建JSF登录页面login.xhtml。

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml"
	xmlns:h="https://java.sun.com/jsf/html">
<h:head>
	<title>login</title>
</h:head>
<h:body>
	<h:form>
		<h3>JSF Login Logout</h3>
		<h:outputText value="Username" />
		<h:inputText id="username" value="#{login.user}"></h:inputText>
		<h:message for="username"></h:message>
		<br></br><br></br>
		
		<h:outputText value="Password" />
		<h:inputSecret id="password" value="#{login.pwd}"></h:inputSecret>
		<h:message for="password"></h:message>
		<br></br><br></br>
		
		<h:commandButton action="#{login.validateUsernamePassword}"
			value="Login"></h:commandButton>
	</h:form>
</h:body>
</html>

在这里，我们正在创建一个带有用户名和密码字段的JSF登录视图页面，并通过登录管理bean为这些字段设置值。在点击登录按钮时，我们调用validateUsernamePassword方法来验证用户名和密码。第四步：创建名为Login.java的管理bean。

package com.Olivia.jsf.beans;

import java.io.Serializable;

import javax.faces.application.FacesMessage;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import javax.faces.context.FacesContext;
import javax.servlet.http.HttpSession;

import com.Olivia.jsf.dao.LoginDAO;
import com.Olivia.jsf.util.SessionUtils;

@ManagedBean
@SessionScoped
public class Login implements Serializable {

	private static final long serialVersionUID = 1094801825228386363L;
	
	private String pwd;
	private String msg;
	private String user;

	public String getPwd() {
		return pwd;
	}

	public void setPwd(String pwd) {
		this.pwd = pwd;
	}

	public String getMsg() {
		return msg;
	}

	public void setMsg(String msg) {
		this.msg = msg;
	}

	public String getUser() {
		return user;
	}

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

	//validate login
	public String validateUsernamePassword() {
		boolean valid = LoginDAO.validate(user, pwd);
		if (valid) {
			HttpSession session = SessionUtils.getSession();
			session.setAttribute("username", user);
			return "admin";
		} else {
			FacesContext.getCurrentInstance().addMessage(
					null,
					new FacesMessage(FacesMessage.SEVERITY_WARN,
							"Incorrect Username and Passowrd",
							"Please enter correct username and Password"));
			return "login";
		}
	}

	//logout event, invalidate session
	public String logout() {
		HttpSession session = SessionUtils.getSession();
		session.invalidate();
		return "login";
	}
}

我们声明了三个字符串变量user、pwd和msg，分别用于存储用户名、密码和错误信息字段，并提供了相应的getter和setter方法。我们编写了一个方法validateUsernamePassword()，通过调用LoginDAO类从数据库中获取用户名和密码，并与前端传递的值进行比较，从而验证用户名和密码字段。如果用户名和密码不匹配，则显示错误消息为“用户名或密码错误”。同时，我们还编写了一个logout()方法，用于通过使HTTPSession失效来执行注销操作。第5步：现在创建LoginDAO Java类如下所示。请注意，数据库操作代码并不是针对真实项目进行优化的，我只是尽可能快地编写了它，因为目的是学习JSF应用程序中的身份验证。

package com.Olivia.jsf.dao;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

import com.Olivia.jsf.util.DataConnect;

public class LoginDAO {

	public static boolean validate(String user, String password) {
		Connection con = null;
		PreparedStatement ps = null;

		try {
			con = DataConnect.getConnection();
			ps = con.prepareStatement("Select uname, password from Users where uname = ? and password = ?");
			ps.setString(1, user);
			ps.setString(2, password);

			ResultSet rs = ps.executeQuery();

			if (rs.next()) {
				//result found, means valid inputs
				return true;
			}
		} catch (SQLException ex) {
			System.out.println("Login error -->" + ex.getMessage());
			return false;
		} finally {
			DataConnect.close(con);
		}
		return false;
	}
}

在validate()方法中，我们首先通过调用DataConnect类的getConnection方法与数据库建立连接。我们使用PreparedStatement来构建查询，以获取数据库中与用户输入的值匹配的数据。如果结果集中有任何数据，说明输入有效，并返回true，否则返回false。第六步：创建DataConnect.java类如下；

package com.Olivia.jsf.util;

import java.sql.Connection;
import java.sql.DriverManager;

public class DataConnect {

	public static Connection getConnection() {
		try {
			Class.forName("com.mysql.jdbc.Driver");
			Connection con = DriverManager.getConnection(
					"jdbc:mysql://localhost:3306/cardb", "scdev", "scdev123");
			return con;
		} catch (Exception ex) {
			System.out.println("Database.getConnection() Error -->"
					+ ex.getMessage());
			return null;
		}
	}

	public static void close(Connection con) {
		try {
			con.close();
		} catch (Exception ex) {
		}
	}
}

我们使用Class.forName方法加载JDBC驱动程序，并使用DriverManager.getConnection方法传递URL、用户名和密码连接到数据库。第七步：创建SessionUtils.java来获取和管理与会话相关的用户信息。

package com.Olivia.jsf.beans;

import javax.faces.context.FacesContext;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;

public class SessionUtils {

	public static HttpSession getSession() {
		return (HttpSession) FacesContext.getCurrentInstance()
				.getExternalContext().getSession(false);
	}

	public static HttpServletRequest getRequest() {
		return (HttpServletRequest) FacesContext.getCurrentInstance()
				.getExternalContext().getRequest();
	}

	public static String getUserName() {
		HttpSession session = (HttpSession) FacesContext.getCurrentInstance()
				.getExternalContext().getSession(false);
		return session.getAttribute("username").toString();
	}

	public static String getUserId() {
		HttpSession session = getSession();
		if (session != null)
			return (String) session.getAttribute("userid");
		else
			return null;
	}
}

通过getUserId方法登录的每个用户，我们在这里为每个用户获得一个会话，从而将会话ID与特定的用户ID关联起来。第8步：创建授权过滤器类，如下；

package com.Olivia.jsf.filter;

import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

@WebFilter(filterName = "AuthFilter", urlPatterns = { "*.xhtml" })
public class AuthorizationFilter implements Filter {

	public AuthorizationFilter() {
	}

	@Override
	public void init(FilterConfig filterConfig) throws ServletException {

	}

	@Override
	public void doFilter(ServletRequest request, ServletResponse response,
			FilterChain chain) throws IOException, ServletException {
		try {

			HttpServletRequest reqt = (HttpServletRequest) request;
			HttpServletResponse resp = (HttpServletResponse) response;
			HttpSession ses = reqt.getSession(false);

			String reqURI = reqt.getRequestURI();
			if (reqURI.indexOf("/login.xhtml") >= 0
					|| (ses != null && ses.getAttribute("username") != null)
					|| reqURI.indexOf("/public/") >= 0
					|| reqURI.contains("javax.faces.resource"))
				chain.doFilter(request, response);
			else
				resp.sendRedirect(reqt.getContextPath() + "/faces/login.xhtml");
		} catch (Exception e) {
			System.out.println(e.getMessage());
		}
	}

	@Override
	public void destroy() {

	}
}

我们通过重写destroy和doFilter方法来实现标准过滤器类。在doFilter方法中，如果用户尝试在未登录的情况下访问其他页面，我们将重定向用户到登录页面。第九步：创建admin.xhtml页面如下；

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml"
	xmlns:h="https://java.sun.com/jsf/html">
<h:head>
	<title>Facelet Title</title>
</h:head>
<h:body>
	<h:form>
		<p>Welcome #{login.user}</p>
		<h:commandLink action="#{login.logout}" value="Logout"></h:commandLink>
	</h:form>
</h:body>
</html>

当用户成功登录时，会呈现出这个页面。通过调用Login.java类的logout方法实现退出功能。第10步：创建faces-config.xml文件。

<?xml version='1.0' encoding='UTF-8'?>
<faces-config version="2.2" xmlns="https://xmlns.jcp.org/xml/ns/javaee"
	xmlns:xsi="https://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="https://xmlns.jcp.org/xml/ns/javaee 
	https://xmlns.jcp.org/xml/ns/javaee/web-facesconfig_2_2.xsd">

	<navigation-rule>
		<from-view-id>/login.xhtml</from-view-id>
		<navigation-case>
			<from-outcome>admin</from-outcome>
			<to-view-id>/admin.xhtml</to-view-id>
		</navigation-case>
	</navigation-rule>

</faces-config>

完成上述所有步骤后，运行应用程序并在浏览器中查看以下输出。登录页面身份验证错误页面登录成功页面已登录状态下访问admin.xhtml 页面只需点击注销链接即可使会话无效，然后尝试访问admin.xhtml页面，您将被重定向到登录页面，请继续使用下方链接下载该项目并尝试它。

下载JSF身份验证登录注销项目。