Java Web实现案例：实现用户登录功能_网站优化分享

您的位置：上海毫米网络优化公司 > 网站优化分享 >

零、本节学习目标

掌握纯JSP方式实现用户登录功能

掌握JSP+Servlet方式实现用户登录功能

掌握JSP+Servlet+DB方式实现用户登录功能

掌握MVC模式实现用户登录功能

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

（一）实现思路

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

（二）实现步骤

1、创建Web项目

创建Java Enterprise项目，添加Web Application功能
Java Web实现案例：实现用户登录功能,第1张

设置项目名与项目位置

Java Web实现案例：实现用户登录功能,第2张单击【Finish】按钮
Java Web实现案例：实现用户登录功能,第3张

在项目结构窗口里修改Artifact名 - LoginDemo01

Java Web实现案例：实现用户登录功能,第4张

编辑服务器配置，重新部署项目

Java Web实现案例：实现用户登录功能,第5张

切换到【Server】选项卡

Java Web实现案例：实现用户登录功能,第6张

2、创建登录页面

登录页面 - login.jsp

Java Web实现案例：实现用户登录功能,第7张

<%@ page contentType="text/html;charset=UTF-8" language="java" %>


  首页


纯JSP方式实现用户登录功能
跳转到登录页面

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" %>

    
        登录成功
    
    
        恭喜，<%=request.getParameter("username")%>，登录成功！

5、创建登录失败页面

登录失败页面 - failure.jsp

Java Web实现案例：实现用户登录功能,第10张

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

    
        登录失败
    
    
        遗憾，<%=request.getParameter("username")%>，登录失败！

6、编辑项目首页

项目首页 - index.jsp

Java Web实现案例：实现用户登录功能,第11张

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

    
        首页
    
    
        纯JSP方式实现用户登录功能
        跳转到登录页面

（三）测试结果

启动服务器，显示首页

Java Web实现案例：实现用户登录功能,第12张

单击【跳转到登录页面】超链接

Java Web实现案例：实现用户登录功能,第13张

输入正确的用户名和密码（黄明昊：123456）

Java Web实现案例：实现用户登录功能,第14张

单击【登录】按钮，跳转到登录成功页面

Java Web实现案例：实现用户登录功能,第15张

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

Java Web实现案例：实现用户登录功能,第16张

单击【登录】按钮，跳转到登录失败页面

Java Web实现案例：实现用户登录功能,第17张

操作录屏

登录方法1

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

（一）实现思路

登录页面login.jsp，输入用户名和密码后，跳转到登录处理程序LoginServlet进行业务逻辑处理，登录成功，跳转到登录成功页面success.jsp，否则跳转到登录失败页面failure.jsp。

（二）实现步骤

1、创建Web项目

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

Java Web实现案例：实现用户登录功能,第18张

设置项目名与保存位置

Java Web实现案例：实现用户登录功能,第19张

单击【Finish】按钮

Java Web实现案例：实现用户登录功能,第20张

在项目结构窗口里修改Artifact名 - LoginDemo02

Java Web实现案例：实现用户登录功能,第21张

编辑服务器配置，重新部署项目

Java Web实现案例：实现用户登录功能,第22张

切换到【Server】选项卡

Java Web实现案例：实现用户登录功能,第23张

2、创建登录页面

登录页面 - login.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>


    用户登录


用户登录

    
        
            账号
            
        
        
            密码

3、创建登录处理程序

创建net.huawei.serlvet包，在包里创建LoginServlet类

Java Web实现案例：实现用户登录功能,第25张

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

Java Web实现案例：实现用户登录功能,第26张

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

    
        登录成功
    
    
        恭喜，<%=request.getParameter("username")%>，登录成功！

5、创建登录失败页面

登录失败页面 - failure.jsp

Java Web实现案例：实现用户登录功能,第27张

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

    
        登录失败
    
    
        遗憾，<%=request.getParameter("username")%>，登录失败！

6、编辑项目首页

项目首页 - index.jsp

Java Web实现案例：实现用户登录功能,第28张

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

    
        首页
    
    
        JSP+Servlet方式实现用户登录功能
        跳转到登录页面

（三）测试结果

启动服务器，显示首页
单击【跳转到登录页面】超链接
输入正确的用户名和密码（无心剑：903213）
返回登录页面，输入错误的用户名或密码
操作录屏

登录方法2

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

（一）实现步骤

1、创建数据库

创建数据库 - test

单击【确定】按钮

Java Web实现案例：实现用户登录功能,第34张

2、创建用户表

创建用户表结构 - t_user

Java Web实现案例：实现用户登录功能,第35张

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;

插入用户记录

Java Web实现案例：实现用户登录功能,第36张

3、创建Web项目

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

Java Web实现案例：实现用户登录功能,第37张

设置项目名与保存位置

Java Web实现案例：实现用户登录功能,第38张

单击【Finish】按钮

Java Web实现案例：实现用户登录功能,第39张

在项目结构窗口里修改Artifact名 - LoginDemo03

Java Web实现案例：实现用户登录功能,第40张编辑服务器配置，重新部署项目

Java Web实现案例：实现用户登录功能,第41张

切换到【Server】选项卡

Java Web实现案例：实现用户登录功能,第42张

4、创建用户实体类

创建net.huawei.bean包，然后在包里创建User类，跟用户表（t_user）对应，简称ORM（Object Relation Mapping）

Java Web实现案例：实现用户登录功能,第43张

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目录，添加数据库驱动程序

Java Web实现案例：实现用户登录功能,第44张

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

创建net.huawei.dbutils包，在包里创建ConnectionManager类

Java Web实现案例：实现用户登录功能,第45张

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类

Java Web实现案例：实现用户登录功能,第46张

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类

Java Web实现案例：实现用户登录功能,第47张

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类

Java Web实现案例：实现用户登录功能,第48张

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类

Java Web实现案例：实现用户登录功能,第49张

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" %>

    
        用户登录
    
    
        用户登录
        
            
                
                    账号
                    
                
                
                    密码

12、创建登录成功页面

登录成功页面 - success.jsp

Java Web实现案例：实现用户登录功能,第50张

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

    
        登录成功
    
    
        恭喜，<%=request.getParameter("username")%>，登录成功！

13、创建登录失败页面

登录失败页面 - failure.jsp

Java Web实现案例：实现用户登录功能,第51张

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

    
        登录失败
    
    
        遗憾，<%=request.getParameter("username")%>，登录失败！

14、编辑项目首页

项目首页 - index.jsp

Java Web实现案例：实现用户登录功能,第52张

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

    
        首页
    
    
        JSP+Servlet+DB方式实现用户登录功能
        跳转到登录页面

（二）测试结果

启动服务器，显示首页
- 单击【跳转到登录页面】超链接
  - 输入正确的用户名和密码（无心剑：12345）
    
    单击【登录】按钮，跳转到登录成功页面

上一篇：【蓝桥杯Web】第十四届蓝桥杯（Web 应用开发）模拟赛 1 期-大学组 | 精品题解

下一篇：vue3+Naive UI数据表格基本使用方式