目录
零、本节学习目标
一、纯JSP方式实现用户登录功能
(一)实现思路
(二)实现步骤
1、创建Web项目
2、创建登录页面
3、创建登录处理页面
4、创建登录成功页面
5、创建登录失败页面
6、编辑项目首页
(三)测试结果
二、JSP+Servlet方式实现用户登录功能
(一)实现思路
(二)实现步骤
1、创建Web项目
2、创建登录页面
3、创建登录处理程序
4、创建登录成功页面
5、创建登录失败页面
6、编辑项目首页
(三)测试结果
三、JSP+Servlet+DB方式实现用户登录功能
(一)实现步骤
1、创建数据库
2、创建用户表
3、创建Web项目
4、创建用户实体类
5、添加数据库驱动程序
6、创建数据库连接管理工具类
7、创建用户数据访问类
8、测试用户数据访问类
9、创建用户服务类
10、创建登录处理程序
11、创建登录页面
12、创建登录成功页面
13、创建登录失败页面
14、编辑项目首页
(二)测试结果
零、本节学习目标
掌握纯JSP方式实现用户登录功能
掌握JSP+Servlet方式实现用户登录功能
掌握JSP+Servlet+DB方式实现用户登录功能
掌握MVC模式实现用户登录功能
一、纯JSP方式实现用户登录功能
(一)实现思路
登录页面login.jsp,输入用户名和密码后,跳转到登录处理页面doLogin.jsp进行业务逻辑处理,登录成功,跳转到登录成功页面success.jsp,否则跳转到登录失败页面failure.jsp。
(二)实现步骤
1、创建Web项目
创建Java Enterprise项目,添加Web Application功能
设置项目名与项目位置
单击【Finish】按钮
在项目结构窗口里修改Artifact名 - LoginDemo01
编辑服务器配置,重新部署项目
切换到【Server】选项卡
2、创建登录页面
登录页面 - login.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>首页</title>
</head>
<body>
<h1 style="color: red; text-align: center">纯JSP方式实现用户登录功能</h1>
<h3 style="text-align: center"><a href="login.jsp">跳转到登录页面</a></h3>
</body>
</html>
3、创建登录处理页面
- 登录处理页面 -
doLogin.jsp
<%
// 获取登录表单数据
String username = request.getParameter("username");
String password = request.getParameter("password");
// 判断登录是否成功
if (username.equals("黄明昊") && password.equals("123456")) {
// 跳转到登录成功页面,传递用户名
response.sendRedirect("success.jsp?username=" + username);
} else {
// 跳转到登录失败页面,传递用户名
response.sendRedirect("failure.jsp?username=" + username);
}
%>
4、创建登录成功页面
- 登录成功页面 -
success.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登录成功</title>
</head>
<body>
<h3 style="text-align: center">恭喜,<%=request.getParameter("username")%>,登录成功!</h3>
</body>
</html>
5、创建登录失败页面
- 登录失败页面 -
failure.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登录失败</title>
</head>
<body>
<h3 style="text-align: center">遗憾,<%=request.getParameter("username")%>,登录失败!</h3>
</body>
</html>
6、编辑项目首页
- 项目首页 -
index.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>首页</title>
</head>
<body>
<h1 style="color: red; text-align: center">纯JSP方式实现用户登录功能</h1>
<h3 style="text-align: center"><a href="login.jsp">跳转到登录页面</a></h3>
</body>
</html>
(三)测试结果
-
启动服务器,显示首页
单击【跳转到登录页面】超链接
输入正确的用户名和密码(黄明昊:123456)
单击【登录】按钮,跳转到登录成功页面
返回登录页面,输入错误的用户名或密码
单击【登录】按钮,跳转到登录失败页面
操作录屏
登录方法1
二、JSP+Servlet方式实现用户登录功能
(一)实现思路
- 登录页面
login.jsp
,输入用户名和密码后,跳转到登录处理程序LoginServlet
进行业务逻辑处理,登录成功,跳转到登录成功页面success.jsp
,否则跳转到登录失败页面failure.jsp
。
(二)实现步骤
1、创建Web项目
创建Java Enterprise
项目,添加Web Application
功能
设置项目名与保存位置
单击【Finish】按钮
在项目结构窗口里修改Artifact名 - LoginDemo02
编辑服务器配置,重新部署项目
切换到【Server】选项卡
2、创建登录页面
- 登录页面 -
login.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>用户登录</title>
</head>
<body>
<h3 style="text-align: center">用户登录</h3>
<form action="login" method="post">
<table border="1" cellpadding="10" style="margin: 0px auto">
<tr>
<td align="center">账号</td>
<td><input type="text" name="username"/></td>
</tr>
<tr>
<td align="center">密码</td>
<td><input type="password" name="password"/></td>
</tr>
<tr align="center">
<td colspan="2">
<input type="submit" value="登录"/>
<input type="reset" value="重置"/>
</td>
</tr>
</table>
</form>
</body>
</html>
3、创建登录处理程序
- 创建
net.huawei.serlvet
包,在包里创建LoginServlet
类
package net.gyh.serlvet;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.net.URLEncoder;
/**
* 功能:登录处理程序
* 作者:高雅慧
* 日期:2023年05月03日
*/
@WebServlet(name = "LoginServlet", urlPatterns = "/login")
public class LoginServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// 设置请求对象字符编码格式
request.setCharacterEncoding("utf-8");
// 获取登录表单数据
String username = request.getParameter("username");
String password = request.getParameter("password");
// 判断登录是否成功
if (username.equals("无心剑") && password.equals("903213")) {
// 采用重定向,跳转到登录成功页面
response.sendRedirect("success.jsp?username=" + URLEncoder.encode(username, "utf-8"));
} else {
// 采用重定向,跳转到登录失败页面
response.sendRedirect("failure.jsp?username=" + URLEncoder.encode(username, "utf-8"));
}
}
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
}
4、创建登录成功页面
- 登录成功页面 -
success.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登录成功</title>
</head>
<body>
<h3 style="text-align: center">恭喜,<%=request.getParameter("username")%>,登录成功!</h3>
</body>
</html>
5、创建登录失败页面
- 登录失败页面 -
failure.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登录失败</title>
</head>
<body>
<h3 style="text-align: center">遗憾,<%=request.getParameter("username")%>,登录失败!</h3>
</body>
</html>
6、编辑项目首页
- 项目首页 -
index.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>首页</title>
</head>
<body>
<h1 style="color: red; text-align: center">JSP+Servlet方式实现用户登录功能</h1>
<h3 style="text-align: center"><a href="login.jsp">跳转到登录页面</a></h3>
</body>
</html>
(三)测试结果
-
启动服务器,显示首页
-
单击【跳转到登录页面】超链接
-
输入正确的用户名和密码(无心剑:903213)
-
返回登录页面,输入错误的用户名或密码
-
操作录屏
-
登录方法2
三、JSP+Servlet+DB方式实现用户登录功能
(一)实现步骤
1、创建数据库
- 创建数据库 -
test
单击【确定】按钮
2、创建用户表
- 创建用户表结构 -
t_user
CREATE TABLE `t_user` (
`id` int(11) NOT NULL AUTO_INCREMENT COMMENT '用户ID',
`username` varchar(50) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL COMMENT '用户名',
`password` varchar(50) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL COMMENT '用户密码',
`telephone` varchar(50) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL COMMENT '联系电话',
`register_time` timestamp(0) NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP(0) COMMENT '注册时间',
PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 4 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = Compact;
插入用户记录
3、创建Web项目
-
创建
Java Enterprise
项目,添加Web Application
功能
设置项目名与保存位置
单击【Finish】按钮
在项目结构窗口里修改Artifact名 - LoginDemo03
编辑服务器配置,重新部署项目
切换到【Server】选项卡
4、创建用户实体类
- 创建
net.huawei.bean
包,然后在包里创建User
类,跟用户表(t_user)对应,简称ORM(Object Relation Mapping)
package net.huawei.bean;
import java.util.Date;
/**
* 功能:用户实体类
* 作者:华卫
* 日期:2023年05月19日
*/
public class User {
private int id;
private String username;
private String password;
private String telephone;
private Date registerTime;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
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;
}
public String getTelephone() {
return telephone;
}
public void setTelephone(String telephone) {
this.telephone = telephone;
}
public Date getRegisterTime() {
return registerTime;
}
public void setRegisterTime(Date registerTime) {
this.registerTime = registerTime;
}
@Override
public String toString() {
return "User{" +
"id=" + id +
", username='" + username + '\'' +
", password='" + password + '\'' +
", telephone='" + telephone + '\'' +
", registerTime=" + registerTime +
'}';
}
}
5、添加数据库驱动程序
- 在
WEB-INF
目录下创建lib
目录,添加数据库驱动程序
6、创建数据库连接管理工具类
- 创建
net.huawei.dbutils
包,在包里创建ConnectionManager
类
package net.huawei.dbutils;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
/**
* 功能:数据库连接管理类
* 作者:华卫
* 日期:2023年05月19日
*/
public class ConnectionManager {
private static final String DRIVER = "com.mysql.jdbc.Driver"; // 数据库驱动程序
private static final String URL = "jdbc:mysql://localhost:3306/test?useSSL=false&useUnicode=true&characterEncoding=utf8"; // 数据库统一资源标识符
private static final String USER = "root"; // 数据库用户
private static final String PASSWORD = "903213"; // 数据库密码(记住改成自己的数据库密码)
// 私有化构造方法,拒绝实例化
private ConnectionManager() {
}
// 获取数据库连接静态方法
public static Connection getConnection() {
// 定义数据库连接
Connection conn = null;
try {
// 安装数据库驱动程序
Class.forName(DRIVER);
// 获取数据库连接
conn = DriverManager.getConnection(URL, USER, PASSWORD);
} catch (ClassNotFoundException e) {
e.printStackTrace();
} catch (SQLException e) {
e.printStackTrace();
}
// 返回数据库连接
return conn;
}
// 关闭数据连接静态方法
public static void closeConnection(Connection conn) {
// 判断数据库连接是否非空
if (conn != null) {
try {
// 判断连接是否未关闭
if (!conn.isClosed()) {
// 关闭数据库连接
conn.close();
}
} catch (SQLException e) {
e.printStackTrace();
}
}
}
public static void main(String[] args) {
// 获取数据库连接
Connection conn = getConnection();
// 判断数据库连接是否成功
if (conn != null) {
System.out.println("恭喜,数据库连接成功~");
} else {
System.out.println("遗憾,数据库连接失败~");
}
// 关闭数据库连接
closeConnection(conn);
System.out.println("数据库连接已经关闭~");
}
}
7、创建用户数据访问类
- 在
net.huawei
根包里创建dao
子包,然后在子包里创建UserDao
类
package net.huawei.dao;
import net.huawei.bean.User;
import net.huawei.dbutils.ConnectionManager;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
/**
* 功能:用户数据访问类
* 作者:华卫
* 日期:2023年05月19日
*/
public class UserDao {
/**
* 用户登录方法
* @param username
* @param password
* @return 用户对象(非空:登录成功,否则登录失败)
*/
public User login(String username, String password) {
// 声明用户对象
User user = null;
// 获取数据库连接
Connection conn = ConnectionManager.getConnection();
try {
// 定义SQL字符串
String strSQL = "SELECT * FROM t_user WHERE username = ? AND password = ?";
// 创建预备语句对象
PreparedStatement pstmt = conn.prepareStatement(strSQL);
// 设置占位符
pstmt.setString(1, username);
pstmt.setString(2, password);
// 执行查询,返回结果集
ResultSet rs = pstmt.executeQuery();
// 判断结果集是否为空
if (rs.next()) {
// 创建用户对象
user = new User();
// 利用当前记录字段值来设置用户对象属性
user.setId(rs.getInt("id"));
user.setUsername(rs.getString("username"));
user.setPassword(rs.getString("password"));
user.setTelephone(rs.getString("telephone"));
user.setRegisterTime(rs.getTimestamp("register_time"));
}
} catch (SQLException e) {
System.err.println(e.getMessage());
} finally {
// 关闭数据库连接
ConnectionManager.closeConnection(conn);
}
// 返回用户对象
return user;
}
}
8、测试用户数据访问类
- 在
net.huawei
根包里创建test
子包,在子包里创建TestUserDao
类
package net.huawei.test;
import net.huawei.bean.User;
import net.huawei.dao.UserDao;
import org.junit.Test;
/**
* 功能:测试用户数据访问类
* 作者:华卫
* 日期:2023年05月19日
*/
public class TestUserDao {
@Test
public void testLogin() {
String username = "无心剑";
String password = "12345";
// 创建用户数据访问对象
UserDao userDao = new UserDao();
// 调用登录方法,返回用户对象
User user = userDao.login(username, password);
// 判断用户登录是否成功
if (user != null) { // 成功
System.out.println("恭喜,用户[" + username + "]登录成功~");
} else { // 失败
System.out.println("遗憾,用户[" + username + "]登录失败~");
}
}
}
9、创建用户服务类
- 在
net.huawei
根包里创建service
子包,在子包里创建UserService
类
package net.huawei.service;
import net.huawei.bean.User;
import net.huawei.dao.UserDao;
/**
* 功能:用户服务类
* 作者:华卫
* 日期:2023年05月26日
*/
public class UserService {
private UserDao userDao = new UserDao();
public User login(String username, String password) {
return userDao.login(username, password);
}
}
10、创建登录处理程序
- 在
net.huawei
根包里创建servlet
子包,在子包里创建LoginServlet
类
package net.huawei.servlet;
import net.huawei.bean.User;
import net.huawei.service.UserService;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.net.URLEncoder;
/**
* 功能:登录处理程序
* 作者:华卫
* 日期:2023年05月26日
*/
@WebServlet(name = "LoginServlet", urlPatterns = "/login")
public class LoginServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// 设置请求对象字符编码格式
request.setCharacterEncoding("utf-8");
// 获取登录表单数据
String username = request.getParameter("username");
String password = request.getParameter("password");
// 创建用户服务对象
UserService us = new UserService();
// 调用登录方法,返回用户对象
User user = us.login(username, password);
// 判断登录是否成功
if (user != null) {
// 采用重定向,跳转到登录成功页面
response.sendRedirect("success.jsp?username=" + URLEncoder.encode(username, "utf-8"));
} else {
// 采用重定向,跳转到登录失败页面
response.sendRedirect("failure.jsp?username=" + URLEncoder.encode(username, "utf-8"));
}
}
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
}
11、创建登录页面
- 登录页面 -
login.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>用户登录</title>
</head>
<body>
<h3 style="text-align: center">用户登录</h3>
<form action="login" method="post">
<table border="1" cellpadding="10" style="margin: 0px auto">
<tr>
<td align="center">账号</td>
<td><input type="text" name="username"/></td>
</tr>
<tr>
<td align="center">密码</td>
<td><input type="password" name="password"/></td>
</tr>
<tr align="center">
<td colspan="2">
<input type="submit" value="登录"/>
<input type="reset" value="重置"/>
</td>
</tr>
</table>
</form>
</body>
</html>
12、创建登录成功页面
- 登录成功页面 -
success.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登录成功</title>
</head>
<body>
<h3 style="text-align: center">恭喜,<%=request.getParameter("username")%>,登录成功!</h3>
</body>
</html>
13、创建登录失败页面
- 登录失败页面 -
failure.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登录失败</title>
</head>
<body>
<h3 style="text-align: center">遗憾,<%=request.getParameter("username")%>,登录失败!</h3>
</body>
</html>
14、编辑项目首页
- 项目首页 -
index.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>首页</title>
</head>
<body>
<h1 style="color: red; text-align: center">JSP+Servlet+DB方式实现用户登录功能</h1>
<h3 style="text-align: center"><a href="login.jsp">跳转到登录页面</a></h3>
</body>
</html>
(二)测试结果
- 启动服务器,显示首页
- 单击【跳转到登录页面】超链接
- 输入正确的用户名和密码(无心剑:12345)
单击【登录】按钮,跳转到登录成功页面 文章来源:https://www.toymoban.com/news/detail-755917.html
文章来源地址https://www.toymoban.com/news/detail-755917.html
到了这里,关于Java Web实现案例 :实现用户登录功能的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!