用户登录、注册(基于MyBatis+CSS+HTML+Selvet)

需求: 模拟用户登录,用户输入登录名、密码,点击登录按钮后提示登陆状态。若用户无账号可进行注册

流程说明:
1.用户填写用户名密码,提交到LoginServlet
2.在LoginServlet中使用MyBatis查询数据库,验证用户名密码是否正确
3.如果正确,响应 “登录成功!!!”;如果错误响应 “登陆失败!!!”
4.用户无账号时进行注册(保存前判断用户名是否存在:根据用户名查询数据库)

用户名、密码:
在这里插入图片描述

项目结构:
在这里插入图片描述

功能实现

① 使用Maven构建项目添加依赖并配置Tomcat插件

  <dependencies>

    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
      <scope>provided</scope>
    </dependency>

    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.12</version>
      <scope>test</scope>
    </dependency>

    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.9.0</version>
    </dependency>

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

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

    <dependency>
      <groupId>org.projectlombok</groupId>
      <artifactId>lombok</artifactId>
      <version>1.16.20</version>
    </dependency>
  </dependencies>
  
   <!-- tomcat插件-->
  <build>
    <plugins>
      <plugin>
        <groupId>org.apache.tomcat.maven</groupId>
        <artifactId>tomcat7-maven-plugin</artifactId>
        <version>2.1</version>
        <configuration>
          <port>81</port>
          <path>/</path>
        </configuration>
      </plugin>
    </plugins>
  </build>

②编写MyBatis核心配置文件

<?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.GY.domain"/>
    </typeAliases>
    <environments default="development">
        <environment id="development">
            <transactionManager type="JDBC"/>
            <dataSource type="POOLED">
                <!---->
                <property name="driver" value="com.mysql.cj.jdbc.Driver"/>
                <property name="url" value="jdbc:mysql://localhost:3306/test?useSSL=false&amp;serverTimezone=UTC"/>
                <property name="username" value="root"/>
                <property name="password" value="123456"/>
            </dataSource>
        </environment>
    </environments>
    <mappers>
        <!--加载SQL映射文件-->
       <package name="com.GY.mapper"/>
    </mappers>
</configuration>

③ 编写LoginMapper接口

package com.GY.mapper;

import com.GY.domain.Login;
import org.apache.ibatis.annotations.Insert;
import org.apache.ibatis.annotations.Param;
import org.apache.ibatis.annotations.Select;

public interface LoginMapper {
    //根据用户名、密码查询用户对象
    @Select("select * from login where name=#{name} and password=#{password}")
   Login getAll(@Param("name") String name, @Param("password")String password);

   //添加用户对象
    @Insert("insert into login values (id=#{id},name=#{name},money=#{money})")
   Login add(Login login);
   //根据name查询用户是否存在
    @Select("select * from login where name=#{name}")
     Login getByUsername( String name);
}

④ 编写LoginMapper.xml映射文件

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<!--名称空间-->
//接口全路径名
<mapper namespace="com.GY.mapper.LoginMapper">

</mapper>

⑤创建SqlSessionFactory工具类(工厂对象)【减小资源消耗与代码重复】

package com.GY.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 SqlSessionFactoryUtil {
    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;
    }
}

⑥ 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="/loginServlet" id="form" method="post">
        <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>

【注册页面】

<body>

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

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

⑦loginServlet(登录)类

package com.GY.web;

import com.GY.domain.Login;
import com.GY.mapper.LoginMapper;
import com.GY.util.SqlSessionFactoryUtil;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;
import java.io.PrintWriter;

@WebServlet(name = "loginServlet", value = "/loginServlet")
public class loginServlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    String username=request.getParameter("username");
    String password=request.getParameter("password");
    SqlSessionFactory  sqlSessionFactory=  SqlSessionFactoryUtil.getSqlSessionFactory();
    SqlSession sqlSession=sqlSessionFactory.openSession();
    LoginMapper loginMapper=sqlSession.getMapper(LoginMapper.class);
    Login longin= loginMapper.getAll(username,password);
    sqlSession.close();
    //获取字符输出流,并设置ContentType
    response.setContentType("text/html;charset=utf-8");
    PrintWriter writer = response.getWriter();

        if(longin!=null){
        //登陆成功
        writer.write("登陆成功!!!");
    }else {
        //登录失败
            writer.write("登录失败!!!");
    }
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doGet(request,response);
    }
}

⑧registerServlet(注册)类

package com.GY.web;

import com.GY.domain.Login;
import com.GY.mapper.LoginMapper;
import com.GY.util.SqlSessionFactoryUtil;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;


@WebServlet(name = "registerServlet", value = "/registerServlet")
public class registerServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
     //接收用户数据
      String username=request.getParameter("username");
      String password=request.getParameter("password");
      //封装用户对象
      Login ss=new Login(username,password);
      //判断用户是否存在
      SqlSessionFactory  sqlSessionFactory=  SqlSessionFactoryUtil.getSqlSessionFactory();
      SqlSession sqlSession=sqlSessionFactory.openSession();
      LoginMapper loginMapper=sqlSession.getMapper(LoginMapper.class);
      Login longin= loginMapper.getByUsername(username);
      if(longin==null){
            //用户名不存在,可添加
            loginMapper.add(ss);
            //提交事务
            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);
    }
}

功能展现

①启动tomcat
在这里插入图片描述

②访问html登陆页面
在这里插入图片描述

③登陆成功
在这里插入图片描述

④无账号注册页面**在这里插入图片描述

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

new一个对象_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值