Java Web 9.4 用户注册登录案例-CSDN博客

本文链接：https://blog.csdn.net/weixin_44226181/article/details/127139760

Java Web

【黑马程序员新版JavaWeb基础教程，Java web从入门到企业实战完整版】

9 Request&Response

文章目录

9.4 用户注册登录案例

9.4.1 用户登录

【需求分析】

在这里插入图片描述

流程：

用户在登录页面输入用户名和密码，提交请求给LoginServlet
在LoginServlet中接收请求和数据[用户名和密码]
在LoginServlt中通过Mybatis实现调用UserMapper来根据用户名和密码查询数据库表
将查询的结果封装到User对象中进行返回
在LoginServlet中判断返回的User对象是否为null
如果为nul，说明根据用户名和密码没有查询到用户，则登录失败，返回"登录失败"数据给前端
如果不为null,则说明用户存在并且密码正确，则登录成功，返回"登录成功"数据给前端

【环境准备】

复制黑马老师的静态页面

在这里插入图片描述

创建db1数据库，tb_user数据表，创建User实体类

-- 如果有就删除
drop table tb_user;

-- 创建用户表
create table tb_user(
	id int primary key auto_increment,
	username varchar(20) unique,
	password varchar(32)
);

-- 添加数据
insert into tb_user(username , password) values('zhangsan','123'),('list','234');

select * from tb_user;

在这里插入图片描述

User 实体类

package com.dingjiaxiong.pojo;

/**
 * ClassName: User
 * date: 2022/9/12 14:45
 *
 * @author DingJiaxiong
 */

public class User {
    private Integer id;
    private String username;
    private String password;

    public Integer getId() {
        return id;
    }

    public void setId(Integer 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;
    }

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", username='" + username + '\'' +
                ", password='" + password + '\'' +
                '}';
    }
}

在项目中导入 Mybatis 和 Mysql 驱动坐标

<dependency>
    <groupId>org.mybatis</groupId>
    <artifactId>mybatis</artifactId>
    <version>3.5.10</version>
</dependency>

<dependency>
    <groupId>mysql</groupId>
    <artifactId>mysql-connector-java</artifactId>
    <version>5.1.49</version>
</dependency>

在这里插入图片描述

创建 mybatis-config.xml 核心配置文件

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
    <!--起别名-->
    <typeAliases>
        <package name="com.dingjiaxiong.pojo"/>
    </typeAliases>

    <environments default="development">
        <environment id="development">
            <transactionManager type="JDBC"/>
            <dataSource type="POOLED">
                <property name="driver" value="com.mysql.jdbc.Driver"/>
                <property name="url" value="jdbc:mysql:///db1?useSSL=false&amp;useServerPrepStmts=true"/>
                <property name="username" value="root"/>
                <property name="password" value="200039"/>
            </dataSource>
        </environment>
    </environments>
    <mappers>
        <!--扫描mapper-->
        <package name="com.dingjiaxiong.mapper"/>
    </mappers>
</configuration>

在这里插入图片描述

创建UserMapper 接口

在这里插入图片描述

创建 UserMapper.xml 映射配置文件

在这里插入图片描述

【代码实现】

在UserMapper接口中提供一个根据用户名和密码查询用户对象的方法

package com.dingjiaxiong.mapper;

import com.dingjiaxiong.pojo.User;
import org.apache.ibatis.annotations.Param;
import org.apache.ibatis.annotations.Select;

/**
 * ClassName: UserMapper
 * date: 2022/9/12 14:50
 *
 * @author DingJiaxiong
 */

public interface UserMapper {

    @Select("select * from tb_user where username = #{username} and password = #{password}")
    User select(@Param("username") String username , @Param("password") String password);

}

修改loign.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>login</title>
    <link href="css/login.css" rel="stylesheet">
</head>

<body>
<div id="loginDiv">
    <form action="/response-demo/loginServlet" method="post" id="form">
        <h1 id="loginMsg">LOGIN IN</h1>
        <p>Username:<input id="username" name="username" type="text"></p>

        <p>Password:<input id="password" name="password" type="password"></p>

        <div id="subDiv">
            <input type="submit" class="button" value="login up">
            <input type="reset" class="button" value="reset">&nbsp;&nbsp;&nbsp;
            <a href="register.html">没有账号？点击注册</a>
        </div>
    </form>
</div>

</body>
</html>

编写LoginServlet

package com.dingjiaxiong.web;

import com.dingjiaxiong.mapper.UserMapper;
import com.dingjiaxiong.pojo.User;
import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

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.io.InputStream;
import java.io.PrintWriter;

/**
 * ClassName: LoginServlet
 * date: 2022/9/12 14:58
 *
 * @author DingJiaxiong
 */

@WebServlet("/loginServlet")
public class LoginServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //接收用户名和密码
        String username = req.getParameter("username");
        String password = req.getParameter("password");

        //调用Mybatis 完成查询
        //获取 SqlSessionFactory 对象
        String resource = "mybatis-config.xml";
        InputStream inputStream = Resources.getResourceAsStream(resource);
        SqlSessionFactory sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream);

        SqlSession sqlSession = sqlSessionFactory.openSession(); // 这里居然不用防SQL 注入的
        UserMapper userMapper = sqlSession.getMapper(UserMapper.class);
        //调用方法
        User user = userMapper.select(username,password);
        //释放资源
        sqlSession.close();

        //设置响应
        resp.setContentType("text/html;charset=utf-8");
        PrintWriter writer = resp.getWriter();
        if (user != null){
            writer.write("登录成功");
        }else{
            writer.write("登录失败");
        }
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        this.doGet(req,resp);
    }
}

启动服务测试

在这里插入图片描述

OK，登录功能完成。

9.4.2 用户注册

【需求分析】

在这里插入图片描述

用户在注册页面输入用户名和密码，提交请求给RegisterServlet
在RegisterServlet中接收请求和数据[用户名和密码]
在RegisterServlet中通过Mybatis实现调用UserMapper来根据用户名查询数据库表
将查询的结果封装到User对象中进行返回
在RegisterServlet中判断返回的User对象是否为null
如果为nul，说明根据用户名可用，则调用UserMapper来实现添加用户
如果不为null,则说明用户不可以，返回"用户名已存在"数据给前端

【实现】

编写UserMapper 提供根据用户名查询用户数据方法和添加用户接口方法

package com.dingjiaxiong.mapper;

import com.dingjiaxiong.pojo.User;
import org.apache.ibatis.annotations.Insert;
import org.apache.ibatis.annotations.Param;
import org.apache.ibatis.annotations.Select;

/**
 * ClassName: UserMapper
 * date: 2022/9/12 14:50
 *
 * @author DingJiaxiong
 */

public interface UserMapper {


    //登录
    @Select("select * from tb_user where username = #{username} and password = #{password}")
    User select(@Param("username") String username , @Param("password") String password);

    @Select("select * from tb_user where username = #{username}")
    User selectByUsername(String username);

    //添加用户
    @Insert("insert into tb_user values(null,#{username},#{password})")
    void add(User user);

}

修改注册页面 register.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎注册</title>
    <link href="css/register.css" rel="stylesheet">
</head>
<body>

<div class="form-div">
    <div class="reg-content">
        <h1>欢迎注册</h1>
        <span>已有帐号？</span> <a href="login.html">登录</a>
    </div>
    <form id="reg-form" action="/response-demo/registerServlet" method="post">

        <table>

            <tr>
                <td>用户名</td>
                <td class="inputs">
                    <input name="username" type="text" id="username">
                    <br>
                    <span id="username_err" class="err_msg" style="display: none">用户名不太受欢迎</span>
                </td>

            </tr>

            <tr>
                <td>密码</td>
                <td class="inputs">
                    <input name="password" type="password" id="password">
                    <br>
                    <span id="password_err" class="err_msg" style="display: none">密码格式有误</span>
                </td>
            </tr>


        </table>

        <div class="buttons">
            <input value="注 册" type="submit" id="reg_btn">
        </div>
        <br class="clear">
    </form>

</div>
</body>
</html>

创建RegisterServlet类

package com.dingjiaxiong.web;

import com.dingjiaxiong.mapper.UserMapper;
import com.dingjiaxiong.pojo.User;
import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

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.io.InputStream;

/**
 * ClassName: RegisterServlet
 * date: 2022/9/12 15:14
 *
 * @author DingJiaxiong
 */

@WebServlet("/registerServlet")
public class RegisterServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //接收用户数据
        String username = req.getParameter("username");
        String password = req.getParameter("password");

        //封装用户对象
        User user = new User();
        user.setUsername(username);
        user.setPassword(password);

        //调用接口方法 根据用户名查询用户对象
        //获取 SqlSessionFactory 对象
        String resource = "mybatis-config.xml";
        InputStream inputStream = Resources.getResourceAsStream(resource);
        SqlSessionFactory sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream);

        SqlSession sqlSession = sqlSessionFactory.openSession(); // 这里居然不用防SQL 注入的
        UserMapper userMapper = sqlSession.getMapper(UserMapper.class);

        User u = userMapper.selectByUsername(username);

        //判断用户是否存在
        if (u == null){
            userMapper.add(user);

            resp.setContentType("text/html;charset=utf-8");
            resp.getWriter().write("注册成功");

            //提交事务
            sqlSession.commit();
            sqlSession.close();
        }else{
            resp.setContentType("text/html;charset=utf-8");
            resp.getWriter().write("用户名已存在");
        }
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        this.doGet(req,resp);
    }
}

运行测试

在这里插入图片描述

OK。注册功能完成。

9.4.3 SqlSessionFactory工具类抽取

功能是实现了，但是在但是在写Servlet的时候，因为需要使用Mybatis来完成数据库的操作，所以对于Mybatis的基础操作就出现了些重复代码，如下

在这里插入图片描述

确实

这样子可能造成的问题：

重复代码不利于后期的维护
SqlSessionFactory工厂类进行重复创建

就相当于每次买手机都需要重新创建一个手机生产工厂来给你制造一个手机一样，资源消耗非常大但性能却非常低。所以这么做是不允许的。

【优化】

代码重复可以抽取工具类
对指定代码只需要执行一次可以使用静态代码块

package com.dingjiaxiong;

import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

import java.io.IOException;
import java.io.InputStream;

/**
 * ClassName: SqlSessionFactoryUtils
 * date: 2022/9/12 15:28
 *
 * @author DingJiaxiong
 */

public class SqlSessionFactoryUtils {
    private static SqlSessionFactory sqlSessionFactory;
    
    static {
        //静态代码块会随着类的加载而自动执行，且只执行一次
        try {
            String resource = "mybatis-config.xml";
            InputStream inputStream = Resources.getResourceAsStream(resource);
            sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream);
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
    
    public static SqlSessionFactory getSqlSessionFactory(){
        return sqlSessionFactory;
    }
}