一、编写前端界面

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        * {

            margin: 0;

            padding: 0;

        }

        html {

            height: 100%;

        }

        body {

            height: 100%;

        }

        .container {

            height: 100%;

            background-image: linear-gradient(to right, #fbc2eb, #a6c1ee);

        }

        .login-wrapper {

            background-color: #fff;

            width: 358px;

            height: 588px;

            border-radius: 15px;

            padding: 0 50px;

            position: relative;

            left: 50%;

            top: 50%;

            transform: translate(-50%, -50%);

        }

        .header {

            font-size: 38px;

            font-weight: bold;

            text-align: center;

            line-height: 200px;

        }

        .input-item {

            display: block;

            width: 100%;

            margin-bottom: 20px;

            border: 0;

            padding: 10px;

            border-bottom: 1px solid rgb(128, 125, 125);

            font-size: 15px;

            outline: none;

        }

        .input-item:placeholder {

            text-transform: uppercase;

        }

        .btn {

            text-align: center;

            padding: 10px;

            width: 100%;

            margin-top: 40px;

            background-image: linear-gradient(to right, #a6c1ee, #fbc2eb);

            color: #fff;

            border-style:none;

        }

        .msg {

            text-align: center;

            line-height: 88px;

        }

        a {

            text-decoration-line: none;

            color: #abc1ee;

        }

    </style>

</head>

<body>

<div class="container">

    <div class="login-wrapper">

        <div class="header">Login</div>

        <div class="form-wrapper">

            <form action="" id="form">

                <input type="text" name="username" placeholder="username" class="input-item">

                <input type="password" name="password" placeholder="password" class="input-item">

                <input type="submit" class="btn" value="Ligin">

            </form>

        </div>

        <div class="msg">

            Don't have account?

            <a href="index1.html">Sign up</a>

        </div>

    </div>

</div>

</body>

</html>

二、创建数据库数据表

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'),('lisi','234');

	SELECT * FROM tb_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 + '\'' +

                '}';

    }

}

四、导入mybatis，mysql驱动坐标

 <dependency>

            <groupId>org.mybatis</groupId>

            <artifactId>mybatis</artifactId>

            <version>3.5.5</version>

        </dependency>

        <dependency>

            <groupId>mysql</groupId>

            <artifactId>mysql-connector-java</artifactId>

            <version>5.1.38</version>

        </dependency>

五、创建mybatis-config.xml核心配置文件，UserMapper.xml映射文件，UserMapper接口

resource目录下的核心配置文件

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE configuration

        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"

        "https://mybatis.org/dtd/mybatis-3-config.dtd">

<configuration>

    <!-- 起别名 -->

    <typeAliases>

        <package name="com.itheima.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;useServerPreStmts=true"/>

                <property name="username" value="root"/>

                <property name="password" value="123456"/>

            </dataSource>

        </environment>

    </environments>

    <mappers>

        <!-- 包扫描，扫描mapper -->

        <package name="com.itheima.mapper"/>

    </mappers>

</configuration>

创建itheima目录下的mapper包的UserMapper接口

创建resource目录下的itheima目录下的mapper包的UserMapper.xml映射文件

六、补全代码

  1. UserMapper接口（此处用了注解的方式，所以没写映射文件）
package com.itheima.mapper;

import com.itheima.pojo.User;

import org.apache.ibatis.annotations.Param;

import org.apache.ibatis.annotations.Select;

public interface UserMapper {

    /**

     * 根据用户名和密码查询对象

     * @param username

     * @param password

     * @return

     */

    @Select("select * from tb_user where username = #{username} and password = #{password}")

    User Select(@Param("username") String username, @Param("password") String password);

}
  1. html代码（补全表单跳转的servlet）
<form action="/tomcat-demo2/loginServlet" method="post" id="form">
  1. 编写servlet
package com.itheima.web;

import com.itheima.mapper.UserMapper;

import com.itheima.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;

@WebServlet("/loginServlet")

public class LoginServlet extends HttpServlet {

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        this.doGet(request, response);

    }

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

        String resource = "mybatis-config.xml";

        InputStream inputStream = Resources.getResourceAsStream(resource);

        SqlSessionFactory sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream);

        // 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. 判断uer是否为null

        if (user != null){

            //登录成功

            writer.write("登录成功");

        }else {

            //登录失败

            writer.write("登录失败");

        }

    }

}

此时代码就可以正常运行了，需要注意的是，pom文件中一定要注意mysql的驱动是自己下载的驱动，如果是maven导入的驱动会报错。我在此处犯了两次错误，浪费了许多时间！

手把手逐步解析Javaweb登录实例的更多相关文章

  1. SSO 基于CAS实现单点登录 实例解析（二）

    本文目录: 概述 演示环境 部署CAS-Server相关的Tomcat 部署CAS-Client相关的Tomcat 测试验证SSO 第一: 本demo在一个机器上实现(三个虚拟主机),来看SSO单点登 ...

  2. 最准确的单点登录SSO图示和讲解（有代码范例）|手把手教做单点登录（SSO）系列之二

    写第一篇博客<手把手教做单点登录(SSO)系列之一:概述与示例>,就获得了园子里朋友们热情的评论和推荐,感谢各位. 我那篇文章同时发了CSDN和博客园.对比一下,更感受到博客园童鞋们的技术 ...

  3. SSO之CAS单点登录实例演示

    本文目录: 一.概述 二.演示环境 三.JDK安装配置 四.安全证书配置 五.部署CAS-Server相关的Tomcat 六.部署CAS-Client相关的Tomcat 七. 测试验证SSO 一.概述 ...

  4. Struts2自定义拦截器Interceptor以及拦截器登录实例

    1.在Struts2自定义拦截器有三种方式: -->实现Interceptor接口 public class QLInterceptorAction implements Interceptor ...

  5. 基于CAS的SSO(单点登录)实例

    第一步 部署CAS-Server(服务端) 1.从CAS官方网站(http://developer.jasig.org/cas/)下载最新版本的CAS-Server(当前最新版本cas-server- ...

  6. 三层登录实例VB.NET版详解---理论加实战篇

    层,百度百科这样解释,首先-重叠起来的东西:重叠起来的东西中的一部分:层次|表层|大气层.其次-重叠:重复:层峦叠嶂|层出不穷.最后-量词,用于可以分出层次的事物,女孩儿强烈的第六感,三层中的层一定是 ...

  7. 基于Servlet的MVC模式用户登录实例

    关于MVC模式的简单解释 M Model,模型层,例如登录实例中,用于处理登录操作的类: V View,视图层,用于展示以及与用户交互.使用html.js.css.jsp.jQuery等前端技术实现: ...

  8. 自动化测试基础篇--Selenium简单的163邮箱登录实例

    摘自https://www.cnblogs.com/sanzangTst/p/7472556.html 前面几篇内容一直讲解Selenium Python的基本使用方法.学习了什么是selenium: ...

  9. Django：用户登录实例

    Django:用户登录实例 一.源代码 1,login.html代码(登录界面): <!DOCTYPE html> <html lang="zh-CN"> ...

  10. 以登录实例简单介绍Servlet使用

    1.简单介绍 Java Servlet 是执行在 Web server或应用server上的程序,使用 Servlet.您能够收集来自网页表单的用户输入.呈现来自数据库或者其它源的记录.还能够动态创建 ...

随机推荐

  1. CNN_LSTM

    1.keras/examples at master · keras-team/keras · GitHubhttps://github.com/keras-team/keras/tree/maste ...

  2. Surge 开启脚本功能后，京东自动签到总结

    本人小白,花费半天时间才弄好,写下这个给自己和后来人指路. Surge 开启脚本功能后,京东自动签到获取京豆总结: 1.注意 去 Raw 真实地址下载 js https://github.com/No ...

  3. JavaScript 字符串和正则相关的方法

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. abp框架+mysql 数据库 执行批量新增和修改

    protected override async Task ExecuteAsync(CancellationToken stoppingToken) { while (!stoppingToken. ...

  5. BlenderGIS记录

    blender GIS 的插件名:"3Dview:blenderGIS" 具体使用方法看文档. 选择地图时选择bing地图会快一点.如果能挂梯子可以选择google地图 shift ...

  6. 记一个线上问题，selectById查询id出现两条数据问题

    查询selectById(),查询1529665444035670017(Long)结果出现两条数据: id:1529665444035670017,和id:1529665444035670018 调 ...

  7. classpath、path、JAVA_HOME的作用及JAVA环境变量配置 (转)

    CLASSPATH是什么?它的作用是什么? 它是javac编译器的一个环境变量.它的作用与import.package关键字有关.当你写下improt java.util.*时,编译器面对import ...

  8. IPAD变成电脑的副屏

    IPAD变成电脑的副屏方法一:把平板电脑变成显示器:Splashtop Wired XDisplayhttps://www.splashtop.cn/cn/wiredxdisplay方法二:space ...

  9. 记一次dubbo服务丢失的问题排查

    主要环境与用到的(关键)组件: Springboot2.3.2 其中,dubbo-spring-boot-starter版本为2.7.8 zookeeper3.5.9 首先是服务报错: No prov ...

  10. Linux0.11源码学习（二）

    Linux0.11源码学习(二) linux0.11源码学习笔记 参考资料:https://github.com/sunym1993/flash-linux0.11-talk 源码查看:https:/ ...