栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

【Web开发】登录注册功能实现

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

【Web开发】登录注册功能实现

登录注册是网站的常用功能,本篇根据黑马程序员的教程来实现此功能的小demo。
参考:https://www.bilibili.com/video/BV1Qf4y1T7Hx?p=109
maven文件下载:https://download.csdn.net/download/qq1198768105/79568473

登录功能 思路分析

登录页面设计


相关前端资源文件见maven文件。

数据表数据建立

直接用IDEA集成的mysql数据库建立数据。
设置每个用户有三个值:
主键:id
用户名:username(最多20位,不能重复)
密码:password(最多32位)
设立一个账号:zstar,123
相关sql语句:

create table tb_user(
    id int primary key auto_increment,
    username varchar(20) unique,
    password varchar(32)
);

insert into tb_user (username,password) values('zstar','123');

select * from tb_user;

创建实体类

在com.itheima.pojo文件夹下创建User实体类,该实体类的三个属性和数据表里三个值相对应:

package com.itheima.pojo;

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

导入驱动

在项目的pom.xml导入所需驱动坐标


        
            javax.servlet
            javax.servlet-api
            3.1.0
            provided
        

        
            commons-io
            commons-io
            2.6
        

        
            org.mybatis
            mybatis
            3.5.5
        

        
            mysql
            mysql-connector-java
            5.1.34
        

设置mybatis配置

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




    
    
        
    

    
        
            
            
                
                
                
                
            
        
    
    
        
        
    

注:这里需要根据自己的数据库信息进行设置
我的数据库名为mybatis,在url上进行修改
数据库用户名为root
密码为zzz
useSSL:关闭SSL安全连接 性能更高
useServerPrepStmts:开启预编译功能
& 等同于 &(直接写&会报错)

创建UserMapper接口

在mabatis的配置文件中,设置扫描mapper为com.itheima.mapper
在com.itheima.mapper包下创建UserMapper接口

package com.itheima.mapper;

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

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

实现该接口的主要有两种方式,第一种在同文件夹下创建UserMapper.xml文件,在文件中用namespace来进行关联,第二种直接适用注解进行sql语句的实现。
这里采用了第二种方式。

这里sql语句的占位符有两种方式,一种是#{},一种是${},两者区别:
#{} :执行SQL时,会将 #{} 占位符替换为?,将来自动设置参数值。 底层使用的是PreparedStatement
${} :拼接SQL。底层使用的是Statement,会存在SQL注入问题。
因此为了防止SQL注入问题,使用#不用$。

@Param注解的作用:用于传递参数,是方法的参数可以与SQL中的字段名相对应。

修改登录页面

修改loign.html:





    
    login
    



LOGIN IN

Username:

Password:

这里主要修改的一点是username和password要设定id,这样才能被后面的LoginServlet获取到。

编写登录Servlet
package com.itheima.web;

import com.itheima.mapper.UserMapper;
import com.itheima.pojo.User;
import com.itheima.util.SqlSessionFactoryUtils;
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.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;
import java.io.InputStream;
import java.io.PrintWriter;

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

        //2. 调用MyBatis完成查询
        //2.1 获取SqlSessionFactory对象
       

        SqlSessionFactory sqlSessionFactory = SqlSessionFactoryUtils.getSqlSessionFactory();
        //2.2 获取SqlSession对象
        SqlSession sqlSession = sqlSessionFactory.openSession();
        //2.3 获取Mapper
        UserMapper userMapper = sqlSession.getMapper(UserMapper.class);
        //2.4 调用方法
        User user = userMapper.select(username, password);
        //2.5 释放资源
        sqlSession.close();


        //获取字符输出流,并设置content type
        response.setContentType("text/html;charset=utf-8");
        PrintWriter writer = response.getWriter();
        //3. 判断user释放为null
        if(user != null){
            // 登陆成功
            writer.write("登陆成功");
        }else {
            // 登陆失败
            writer.write("登陆失败");
        }
    }

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

注:在2.1获取SqlSessionFactory对象中,登录和后面的注册均要使用这相同的三行代码,如果在两个Servlet都进行获取,则会重复创建,比较消耗资源;因此,这里作出了优化,创建SqlSessionFactory工具类,使用静态代码块保证只执行一次。

SqlSessionFactory工具类:SqlSessionFactoryUtils

package com.itheima.util;

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;

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;
    }
}
功能测试

使用Maven Helper插件开启tomcat服务:

进入页面,访问

http://localhost:8080/request-demo/login.html

能正常访问,提交数据,提交数据,发现报错:
Could not create connection to database server
查阅原因:数据库版本和驱动不匹配
在控制台查看我的mysql版本:8.0.28

在pom.xml中修改mysql驱动:

        
            mysql
            mysql-connector-java
            8.0.28
        

重新运行,结果正常。

注册功能 思路分析

注册页面设计


register.html




    
    欢迎注册
    



欢迎注册

已有帐号? 登录
用户名
用户名不太受欢迎
密码
密码格式有误

修改UserMapper

在之前的基础上增加查询用户名和添加用户的功能:

package com.itheima.mapper;

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

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);
}
编写注册Servlet

和登录类似 RegisterServlet:

package com.itheima.web;

import com.itheima.mapper.UserMapper;
import com.itheima.pojo.User;
import com.itheima.util.SqlSessionFactoryUtils;
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.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;
import java.io.InputStream;

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

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

        //2. 调用mapper 根据用户名查询用户对象
        //2.1 获取SqlSessionFactory对象
       
        SqlSessionFactory sqlSessionFactory = SqlSessionFactoryUtils.getSqlSessionFactory();

        //2.2 获取SqlSession对象
        SqlSession sqlSession = sqlSessionFactory.openSession();
        //2.3 获取Mapper
        UserMapper userMapper = sqlSession.getMapper(UserMapper.class);

        //2.4 调用方法
        User u = userMapper.selectByUsername(username);

        //3. 判断用户对象释放为null
        if( u == null){
            // 用户名不存在,添加用户
            userMapper.add(user);

            // 提交事务
            sqlSession.commit();
            // 释放资源
            sqlSession.close();
        }else {
            // 用户名存在,给出提示信息
            response.setContentType("text/html;charset=utf-8");
            response.getWriter().write("用户名已存在");
        }

    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request, response);
    }
}
功能测试

访问

http://localhost:8080/request-demo/register.html

提交表单后,查阅数据库成功输进新用户数据,测试通过。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/731339.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号