您现在的位置是:首页 > 技术教程 正文

java Web实现用户登录功能

admin 阅读: 2024-03-26
后台-插件-广告管理-内容页头部广告(手机)

文章目录

  • 一、纯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、测试用户数据访问类
  • 四、采用MVC模式实现用户注册功能
      • 1、创建Web项目
      • 2、创建内容

一、纯JSP方式实现用户登录功能

(一)实现思路

登录页面login.jsp,输入用户名和密码后,跳转到登录处理页面doLogin.jsp进行业务逻辑处理,登录成功,跳转到登录成功页面success.jsp,否则跳转到登录失败页面failure.jsp。
(二)实现步骤

1、创建Web项目

  • 创建Java Enterprise项目,添加Web Application功能
    在这里插入图片描述
    在这里插入图片描述

  • 设置项目名与保存位置
    在这里插入图片描述

  • 单击【Finish】按钮

  • 在项目结构窗口里修改Artifact名 - LoginDemo01
    在这里插入图片描述

  • 编辑服务器配置,重新部署项目
    在这里插入图片描述

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="doLogin.jsp" 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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27

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); } %>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

(三)测试结果

  • 启动服务器,显示首页
    在这里插入图片描述

  • 单击【跳转到登录页面】超链接
    在这里插入图片描述

  • 输入正确的用户名和密码(易烊千玺:123456)
    在这里插入图片描述

  • 单击【登录】按钮,跳转到登录成功页面
    在这里插入图片描述

  • 返回登录页面,输入错误的用户名或密码
    在这里插入图片描述

  • 单击【登录】按钮,跳转到登录失败页面
    在这里插入图片描述

二、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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27

3、创建登录处理程序

创建net.xyx.serlvet包,在包里创建LoginServlet类

package net.xyx.servlet; 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; @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); } }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34

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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

(三)测试结果

  • 启动服务器,显示首页
    在这里插入图片描述

  • 单击【跳转到登录页面】超链接
    在这里插入图片描述

  • 输入正确的用户名和密码(易烊千玺:001128)

  • 单击【登录】按钮,跳转到登录成功页面
    在这里插入图片描述

  • 返回登录页面,输入错误的用户名或密码

  • 单击【登录】按钮,跳转到登录失败页面
    在这里插入图片描述

三、JSP+Servlet+DB方式实现用户登录功能

(一)实现思路

总体上采用MVC架构。登录页面login.jsp,输入用户名和密码后,跳转到登录处理程序LoginServlet进行业务逻辑处理,调用服务层,服务层调用数据访问层(DAO),连接数据库,查询数据库,以此判断是否登录成功。登录成功,跳转到登录成功页面success.jsp,否则跳转到登录失败页面failure.jsp。
MVC 是 Model、View 和 Controller 的缩写,分别代表 Web 应用程序中的 3 种职责。

(二)实现步骤

1、创建数据库

创建数据库 - test
在这里插入图片描述

  • 单击【确定】按钮

2、创建用户表

创建用户表结构 - t_user
在这里插入图片描述

3、创建Web项目

  • 创建Java Enterprise项目,添加Web Application功能
    在这里插入图片描述

  • 设置项目名与保存位置
    在这里插入图片描述

  • 单击【Finish】按钮

  • 在项目结构窗口里修改Artifact名 - LoginDemo03
    在这里插入图片描述

  • 编辑服务器配置,重新部署项目
    在这里插入图片描述

  • 切换到【Server】选项卡

在这里插入图片描述

4、创建用户实体类

  • 创建net.xyx.bean包,然后在包里创建User类,跟用户表(t_user)对应,简称ORM
    在这里插入图片描述
package net.xyx.bean; import java.util.Date; /** * 功能:用户实体类 * 作者:xyx * 日期: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 + '}'; } }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68

5、添加数据库驱动程序

  • 在WEB-INF目录下创建lib目录,添加数据库驱动程序
  • 将数据库驱动程序(jar包)作为库添加到项目

在这里插入图片描述

在这里插入图片描述

6、创建数据库连接管理工具类

  • 创建net.xyx.dbutils包,在包里创建ConnectionManager类
    在这里插入图片描述
package net.xyx.dbutils; import javax.swing.*; import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; /** * 功能:数据库连接管理类 * 作者:xyx * 日期:2020年06月05日 */ public class ConnectionManager { private static final String DRIVER = "com.mysql.jdbc.Driver"; // 数据库驱动程序 private static final String URL = "jdbc:mysql://localhost:3306/student/test?useSSL=false"; // 数据库统一资源标识符 private static final String USER = "root"; // 数据库用户 private static final String PASSWORD = "1"; // 数据库密码 //私有化构造方法,拒绝实例化 private ConnectionManager() { } /** * 获取数据库连接静态方法 * * @return 数据库连接对象 */ 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; } /** * 关闭数据连接静态方法 * * @param conn */ public static void closeConnection(Connection conn) { // 判断数据库连接是否非空 if (conn != null) { try { // 判断连接是否未关闭 if (!conn.isClosed()) { // 关闭数据库连接 conn.close(); } } catch (SQLException e) { e.printStackTrace(); } } } /** * 主方法:测试两个静态方法 * * @param args */ public static void main(String[] args) { // 获取数据库连接 Connection conn = getConnection(); // 判断数据库连接是否成功 if (conn != null) { JOptionPane.showMessageDialog(null, "恭喜,数据库连接成功!"); } else { JOptionPane.showMessageDialog(null, "遗憾,数据库连接失败!"); } // 关闭数据库连接 closeConnection(conn); } }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84

7、创建用户数据访问类

  • 在net.xyx根包里创建dao子包,然后在子包里创建UserDao类
package net.xyx.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; /** * 功能:用户数据访问类 * 作者:xyx * 日期: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; } }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61

8、测试用户数据访问类

  • 在net.xyx根包里创建test子类,在子包里创建TestUser
package net.xyx.test; import net.xyx.bean.User; import net.xyx.dao.UserDao; import org.junit.Test; /** * 功能:测试用户数据访问类 * 作者:xyx * 日期: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 + "]登录失败~"); } } }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 修改用户名和密码,再次运行程序,提示登录失败

四、采用MVC模式实现用户注册功能

1、创建Web项目

  • 创建Java Enterprise项目,添加Web Application功能

在这里插入图片描述

  • 设置项目名与保存位置
    在这里插入图片描述
  • 在项目结构窗口里修改Artifact名 - register
    在这里插入图片描述
  • 编辑服务器配置,重新部署项目
    在这里插入图片描述

2、创建内容

在这里插入图片描述

  • 首页
    在这里插入图片描述
  • 注册界面
    在这里插入图片描述
  • 随后注册成功和失败都会弹出相应的界面
标签:
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

在线投稿:投稿 站长QQ:1888636

后台-插件-广告管理-内容页尾部广告(手机)
关注我们

扫一扫关注我们,了解最新精彩内容

搜索