目录

零、本节学习目标

一、纯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

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

3、创建登录处理页面

  • 登录处理页面 –doLogin.jsp

4、创建登录成功页面

  • 登录成功页面 –success.jsp

登录成功
恭喜，，登录成功！

5、创建登录失败页面

  • 登录失败页面 –failure.jsp

登录失败
遗憾，，登录失败！

6、编辑项目首页

  • 项目首页 –index.jsp

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

（三）测试结果

  • 启动服务器，显示首页

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

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

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

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

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

操作录屏

登录方法1

二、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.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" />

4、创建登录成功页面

  • 登录成功页面 -success.jsp

登录成功
恭喜，，登录成功！

5、创建登录失败页面

  • 登录失败页面 -failure.jsp

登录失败
遗憾，，登录失败！

6、编辑项目首页

  • 项目首页 -index.jsp

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

（三）测试结果

  • 启动服务器，显示首页

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

  • 输入正确的用户名和密码（无心剑：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;}@Overridepublic 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" />

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 = " />

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 {@Testpublic 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" />

11、创建登录页面

  • 登录页面 -login.jsp
用户登录
用户登录
账号
密码

12、创建登录成功页面

  • 登录成功页面 -success.jsp

登录成功
恭喜，，登录成功！

13、创建登录失败页面

  • 登录失败页面 -failure.jsp

登录失败
遗憾，，登录失败！

14、编辑项目首页

  • 项目首页 -index.jsp

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

（二）测试结果

  • 启动服务器，显示首页

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

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

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