当前位置:首页 » 《关注互联网》 » 正文

Java Web实现用户登录功能

23 人参与  2024年04月09日 16:47  分类 : 《关注互联网》  评论

点击全文阅读


文章目录

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

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)
在这里插入图片描述

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

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

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

二、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.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);    }}

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>

(三)测试结果

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

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

输入正确的用户名和密码(易烊千玺: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 +                '}';    }}

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);    }}

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;    }}

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 + "]登录失败~");        }    }}
修改用户名和密码,再次运行程序,提示登录失败

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

1、创建Web项目

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

在这里插入图片描述

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

2、创建内容

在这里插入图片描述

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

点击全文阅读


本文链接:http://zhangshiyu.com/post/92916.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1