文章目录

• 零、本节学习目标
• 一、纯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、编辑项目首页
  • （三）测试结果
• 四、课后作业
• • 任务1、采用MVC模式实现用户注册功能
  • 任务2、在登录成功页面显示用户列表

零、本节学习目标

1. 掌握纯JSP方式实现用户登录功能
2. 掌握JSP+Servlet方式实现用户登录功能
3. 掌握JSP+Servlet+DB方式实现用户登录功能
4. 掌握MVC模式实现用户登录功能

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

（一）实现思路

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

（二）实现步骤

1、创建Web项目

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

  

• 设置项目名与保存位置

  

• 单击【Finish】按钮

  

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

  

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

  

• 切换到【Server】选项卡

  

2、创建登录页面

• 登录页面 – login.jsp

  

                            
用户登录
                    
                
                    
账号
                    
                
                
                    
密码
                    
                
                
                    
                                                                    
                
            
            

3、创建登录处理页面

• 登录处理页面 – doLogin.jsp

  

4、创建登录成功页面

• 登录成功页面 – success.jsp

  

                            
恭喜，，登录成功！
    

5、创建登录失败页面

• 登录失败页面 – failure.jsp

  

                            
遗憾，，登录失败！
    

6、编辑项目首页

• 项目首页 – index.jsp

  

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

（三）测试结果

• 启动服务器，显示首页

  

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

  

• 输入正确的用户名和密码（无心剑：903213）

  

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

  

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

  

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

  

• 操作录屏

  

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

（一）实现思路

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

（二）实现步骤

1、创建Web项目

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

  

• 设置项目名与保存位置

  

• 单击【Finish】按钮

  

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

  

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

  

• 切换到【Server】选项卡

  

2、创建登录页面

• 登录页面 – login.jsp

  

                            
用户登录
                    
                
                    
账号
                    
                
                
                    
密码
                    
                
                
                    
                                                                    
                
            
            

3、创建登录处理程序

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

  

package net.huawei.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;/** * 功能：登录处理程序 * 作者：华卫 * 日期：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);    }}

• 说明：必须设置请求对象的字符编码为utf-8，否则输入正确用户名和密码也会登录失败。重定向传递用户名参数时，必须采用URLEncoder类的encode方法进行编码，否则程序运行会报错。
• 对应关系图

  

4、创建登录成功页面

• 登录成功页面 – success.jsp

  

                            
恭喜，，登录成功！
    

5、创建登录失败页面

• 登录失败页面 – failure.jsp

  

                            
遗憾，，登录失败！
    

6、编辑项目首页

• 项目首页 – index.jsp

  

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

（三）测试结果

• 启动服务器，显示首页

  

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

  

• 输入正确的用户名和密码（无心剑：903213）

  

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

  

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

  

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

  

• 操作录屏

  

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

（一）实现思路

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

  

（二）实现步骤

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;

• 插入用户记录

  

INSERT INTO `t_user` VALUES (1, '无心剑', '12345', '15888781123', '2023-01-06 07:20:46');INSERT INTO `t_user` VALUES (2, '陈燕文', '11111', '13990901140', '2023-02-06 11:40:49');INSERT INTO `t_user` VALUES (3, '郑素平', '22222', '15845678907', '2023-05-01 08:30:53');

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

  

• 将数据库驱动程序（jar包）作为库添加到项目

  

• 单击【Add as Library…】

  

• 单击【OK】按钮

  

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

  

                            
用户登录
                    
                
                    
账号
                    
                
                
                    
密码
                    
                
                
                    
                                                                    
                
            
            

12、创建登录成功页面

• 登录成功页面 – success.jsp

  

                            
恭喜，，登录成功！
    

13、创建登录失败页面

• 登录失败页面 – failure.jsp

  

                            
遗憾，，登录失败！
    

14、编辑项目首页

• 项目首页 – index.jsp

  

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

（三）测试结果

• 启动服务器，显示首页

  

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

  

• 输入正确的用户名和密码（无心剑：12345）

  

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

  

• 返回登录页面，输入用户名和密码（陈燕文：12345）

  

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

  

• 登录操作录屏演示

  

四、课后作业

任务1、采用MVC模式实现用户注册功能

• 创建Web项目 – register

  

• 首页

  

• 注册页面

  

• 注册成功页面

  

• 注册失败页面

  

• 注册操作录屏演示

  

• 在Navicat里查看用户表，看是否添加了新用户记录

  

任务2、在登录成功页面显示用户列表

• 测试UserDao的findAll()方法