用户登录、注册的简单案例： html+css+MyBatis+Servlet

news2024/12/22 20:09:11

用户登录

一. 用户登录
- 1. 流程与思路
- - 基本流程：
  - 详细过程：
- 2. 准备环境
- - 建库建表
  - Pojo实体类User：
  - Maven坐标：
  - mybatis核心配置文件：
  - 代理接口：
- 3. 编写
- - 目录：
  - HTML：
  - Serlvet：
- 4. 效果
二. 用户注册
- 1. 基本流程与思路
- 2. 编写
- - 代理接口：
  - HTML：
  - Servlet：
- 3. 效果

一. 用户登录

1. 流程与思路

基本流程：

用户填写用户名密码，提交到Servlet
在Servlet使用MyBatis查询数据库，验证用户名密码
如果正确，响应”登录成功“，反之响应”登录失败“

在这里插入图片描述

详细过程：

浏览器的请求信息通过HTML中的表单（表单的action有servlet地址）以HTTP请求报文的形式提交到Tomcat服务器；
由Tomcat解析HTTP请求报文，而后交给Servlet中的Request对象，（一般使用POST方式将用户名密码放在请求体中）；
提取Request对象中的用户名密码信息；
通过MyBatis查询数据库并返回user对象，判断User对象是否为null，不是则成功反之失败；
查询结果通过Response对象输出响应数据；
数据通过Tomcat拼接并返回给浏览器；

2. 准备环境

将前端静态页面（html、css、js）拷贝到webapp目录；
创建数据库，建表，在MyBatis创建User实体类（src-main-java-com.abc-User）；
在Maven中导入MyBatis和数据库Driver的坐标；
创建Mybatis的核心配置文件 mybatis-config.xml, UserMapper.xml映射文件，UserMapper代理接口；

建库建表

在这里插入图片描述

Pojo实体类User：

在这里插入图片描述

Maven坐标：

在这里插入图片描述

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>
    <environments default="development">
        <environment id="development">
            <transactionManager type="JDBC"/>
            <dataSource type="POOLED">
                <!-- 数据库连接信息 -->
                <property name="driver" value="com.mysql.cj.jdbc.Driver"/>
                <!-- 关闭SSL安全协议 -->
                <property name="url" value="jdbc:mysql://localhost/bjpowernode?serverTimezone=Asia/Shanghai&amp;useUnicode=true&amp;characterEncoding=utf8&amp;useSSL=false"/>
                <property name="username" value="root"/>
                <property name="password" value="123456"/>
            </dataSource>
        </environment>