來源：blog.csdn.net/caoxiaohong1005

Just Code It

一、搭建SpringBoot項目

1.1、file ——> new ——> project——> Spring Initializr——> next——> next——> next——> finish

注意選擇包依賴關(guān)系
Web下的Spring Web。
Template Engines下的Thymeleaf。
SQL下的JDBC API、Spring Data JDBC、MySQL Driver。

二、springboot整合mybatis.mysql

2.1、整體結(jié)構(gòu)

2.2、設(shè)置所需要的依賴

即pom.xml文件

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">    <modelVersion>4.0.0modelVersion>    <parent>        <groupId>org.springframework.bootgroupId>        <artifactId>spring-boot-starter-parentartifactId>        <version>2.4.2version>        <relativePath/>     parent>    <groupId>springboot-web04groupId>    <artifactId>demoartifactId>    <version>0.0.1-SNAPSHOTversion>    <name>demoname>    <description>Demo project for Spring Bootdescription>    <properties>        <java.version>1.8java.version>    properties>    <dependencies>        <dependency>            <groupId>org.springframework.bootgroupId>            <artifactId>spring-boot-starter-data-jdbcartifactId>        dependency>        <dependency>            <groupId>org.springframework.bootgroupId>            <artifactId>spring-boot-starter-jdbcartifactId>        dependency>        <dependency>            <groupId>org.springframework.bootgroupId>            <artifactId>spring-boot-starter-thymeleafartifactId>        dependency>        <dependency>            <groupId>org.springframework.bootgroupId>            <artifactId>spring-boot-starter-webartifactId>        dependency>
        <dependency>            <groupId>mysqlgroupId>            <artifactId>mysql-connector-javaartifactId>            <scope>runtimescope>        dependency>        <dependency>            <groupId>org.springframework.bootgroupId>            <artifactId>spring-boot-starter-testartifactId>            <scope>testscope>        dependency>            <dependency>                <groupId>org.springframework.bootgroupId>                <artifactId>spring-boot-starter-jdbcartifactId>            dependency>            <dependency>                <groupId>org.springframework.bootgroupId>                <artifactId>spring-boot-starter-thymeleafartifactId>            dependency>            <dependency>                <groupId>org.springframework.bootgroupId>                <artifactId>spring-boot-starter-webartifactId>            dependency>
            <dependency>                <groupId>org.mybatis.spring.bootgroupId>                <artifactId>mybatis-spring-boot-starterartifactId>                <version>2.1.3version>            dependency>
            <dependency>                <groupId>mysqlgroupId>                <artifactId>mysql-connector-javaartifactId>            dependency>
            <dependency>                <groupId>org.projectlombokgroupId>                <artifactId>lombokartifactId>                <version>1.18.12version>                <scope>providedscope>            dependency>
            <dependency>                <groupId>com.alibabagroupId>                <artifactId>druidartifactId>                <version>1.2.1version>            dependency>
            <dependency>                <groupId>org.springframework.bootgroupId>                <artifactId>spring-boot-starter-testartifactId>                <scope>testscope>                <exclusions>                    <exclusion>                        <groupId>org.junit.vintagegroupId>                        <artifactId>junit-vintage-engineartifactId>                    exclusion>                exclusions>            dependency>            <dependency>                <groupId>org.xmlunitgroupId>                <artifactId>xmlunit-coreartifactId>            dependency>            <dependency>                <groupId>org.mybatisgroupId>                <artifactId>mybatisartifactId>                <version>3.4.6version>            dependency>    dependencies>
    <build>        <plugins>            <plugin>                <groupId>org.springframework.bootgroupId>                <artifactId>spring-boot-maven-pluginartifactId>            plugin>        plugins>    build>
project>

2.3、設(shè)置application.yml文件與pplication.properties文件

在resources目錄下新建yml文件，用于存放數(shù)據(jù)庫連接需要的一些數(shù)據(jù)

spring:  datasource:    driver-class-name: com.mysql.cj.jdbc.Driver    url: jdbc:mysql://localhost:3306/mybatis?serverTimezone=GMT%2B8&useSSL=true    username: root   #數(shù)據(jù)庫????password:?sm1208?#密碼

在application.properties文件中加入

#端口號server.port=8080#druid數(shù)據(jù)庫連接池type=com.alibaba.druid.pool.DruidDataSource#清除緩存spring.thymeleaf.cache=false#配置mappermybatis.mapper-locations=classpath:mapper/*.xml

2.4、在pojo下的新建類UserLogin

package springbootweb04.demo.pojo;
import lombok.AllArgsConstructor;import lombok.Data;import lombok.NoArgsConstructor;
@Data@AllArgsConstructor@NoArgsConstructor
public class UserLogin {    private String username;    private String password;
    public String getUsername() {        return username;    }}

2.5、新建數(shù)據(jù)庫，名為mybatis，創(chuàng)建用戶表，名為userLogin，創(chuàng)建username、password字段

2.5.1、數(shù)據(jù)庫名可以隨意，不過要與application.yml文件中的一致

2.5.2、IDEA中連接數(shù)據(jù)庫

Database——> +——> Data Source——> Mysql

2.6、mapper層

新建UserLoginMapper接口

package springbootweb04.demo.mapper;
import org.apache.ibatis.annotations.Mapper;import org.springframework.stereotype.Repository;import springbootweb04.demo.pojo.UserLogin;
import java.util.List;
@Mapper@Repositorypublic interface UserLoginMapper {    //查詢    public List queryAll();    //添加數(shù)據(jù)    public int add(UserLogin userLogin);    //根據(jù)用戶名查詢數(shù)據(jù)    public UserLogin queryByName(String username);}

2.7、resources目錄下的mapper目錄

在resources目錄下新建mapper目錄，并在這個目錄下新建UserLoginMapper.xml文件

        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"        "http://mybatis.org/dtd/mybatis-3-mapper.dtd"><mapper namespace="springbootweb04.demo.mapper.UserLoginMapper">    <select id="queryAll" resultType="springbootweb04.demo.pojo.UserLogin">        select * from userLogin    select>
    <insert id="add" parameterType="springbootweb04.demo.pojo.UserLogin">        insert into userLogin values (#{username},#{password})    insert>
    <select id="queryByName" resultType="springbootweb04.demo.pojo.UserLogin">        select * from userLogin where username = #{username}    select>
mapper>

2.8、測試

在test.Java.springbootweb04.demo類中，測試是否能聯(lián)通數(shù)據(jù)庫，沒有報錯說明成功。

package springbootweb04.demo;
import org.junit.jupiter.api.Test;import org.springframework.boot.test.context.SpringBootTest;import springbootweb04.demo.mapper.UserLoginMapper;import springbootweb04.demo.pojo.UserLogin;import org.springframework.beans.factory.annotation.Autowired;

import javax.sql.DataSource;import java.sql.Connection;import java.sql.SQLException;import java.util.List;
@SpringBootTestclass DemoApplicationTests {    @Autowired    DataSource dataSource;    @Test    void contextLoads() throws SQLException {        System.out.println(dataSource.getClass());        Connection connection = dataSource.getConnection();        System.out.println(connection);
        //template模板，拿來即用        connection.close();    }    @Autowired    UserLoginMapper userLoginMapper;    @Test    public void toTest(){        List<UserLogin> userLogins = userLoginMapper.queryAll();        userLogins.forEach(e-> System.out.println(e));    }}

2.9、services層

在services下新建接口UserLoginServicesI和類UserLoginServicesImpl

UserLoginServicesI接口：

package springbootweb04.demo.services;
import springbootweb04.demo.pojo.UserLogin;
import java.util.List;
public interface UserLoginServicesI {    //查詢    public List queryAll();    //添加數(shù)據(jù)    public int add(UserLogin userLogin);    //根據(jù)用戶名查詢數(shù)據(jù)    public UserLogin queryByName(String username);}

UserLoginServicesImpl類

package springbootweb04.demo.services;
import springbootweb04.demo.mapper.UserLoginMapper;import springbootweb04.demo.pojo.UserLogin;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Service;
import java.util.List;
@Servicepublic class UserLoginServicesImpl implements UserLoginServicesI {
    @Autowired    UserLoginMapper userLoginMapper;    @Override    public List queryAll() {        return userLoginMapper.queryAll();    }
    @Override    public int add(UserLogin userLogin) {        return userLoginMapper.add(userLogin);    }
    @Override    public UserLogin queryByName(String username) {        return userLoginMapper.queryByName(username);    }}

2.A、controller層

編寫MyController類

package springbootweb04.demo.controller;
import springbootweb04.demo.pojo.UserLogin;import springbootweb04.demo.services.UserLoginServicesImpl;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.RequestMapping;
@Controllerpublic class MyController {    @Autowired    UserLoginServicesImpl userLoginServicesImpl;
    @RequestMapping("/toLogin")    public String toLogin(){        return "login";    }
    @RequestMapping("/LoginSuccess")    public String LoginSuccess(Model model, UserLogin userLogin){        //先查詢看該用戶名是否存在        UserLogin userLogin1 = userLoginServicesImpl.queryByName(userLogin.getUsername());        if(userLogin1 != null){ //  如果查詢的用戶不為空            System.out.println(userLogin1.toString());            return "success";        }        else{            //返回到登錄頁面            model.addAttribute("data","該用戶不存在，請先注冊");            return "login";        }    }    //登錄界面    @RequestMapping("/toRegister")    public String toRegister(){        return "register";    }    @RequestMapping("/RegisterSuccess")    public String toRegisterSuccess(Model model,UserLogin userLogin){        //將賬號密碼加入到數(shù)據(jù)庫中        int add = userLoginServicesImpl.add(userLogin);        System.out.println("數(shù)據(jù)插入成功！");        model.addAttribute("data","注冊成功，請登錄！");        return "login";    }}

三、編寫前端頁面

將以下三個頁面放在templates下面

<html lang="en" xmlns:th="http://www.thymeleaf.org"><head>    <meta charset="UTF-8">    <title>Titletitle>head><body style="background: aqua"><div align="center">    <br><br><h2>登錄界面h2><br><br>    <span th:text="${data}" style="text-color:red;font-size: 10px">span>    <form method="get" action="/LoginSuccess">        用戶名:<input type="text" name="username" placeholder="請輸入用戶名" required/><br><br>        密碼：<input type="text" name="password" placeholder="請輸入密碼" required/><br><br>        <input type="submit" value="登錄">    form>    <br>    <form method="get" action="/toRegister">        <input type="submit" value="注冊">    form>div>body>html>

<html lang="en" xmlns:th="http://www.thymeleaf.org"><head>    <meta charset="UTF-8">    <title>Titletitle>head><body style="background: aqua"><div align="center">    <br><br>注冊界面<br><br>    <form method="get" action="/RegisterSuccess">        用戶名:<input type="text" name="username" placeholder="請輸入用戶名" required/><br><br>        密碼：<input type="text" name="password" placeholder="請輸入密碼" required/><br><br>        確認(rèn)密碼：<input type="text" name="password2" placeholder="請輸入密碼" required/><br><br>        <input type="submit" value="注冊">    form>div>body>html>

success.html：成功界面

<html lang="en"><head>    <meta charset="UTF-8">    <title>Titletitle>head><body>
body>html>

四、運行測試

:localhost:8080/toLogin

框架實現(xiàn)動態(tài)登錄與注冊功能

PS：如果覺得我的分享不錯，歡迎大家隨手點贊、在看。

END

IDEA下創(chuàng)建SpringBoot+MyBatis+MySql項目實現(xiàn)動態(tài)登錄與注冊功能

Just Code It

一、搭建SpringBoot項目

二、springboot整合mybatis.mysql

2.1、整體結(jié)構(gòu)

2.2、設(shè)置所需要的依賴

2.3、設(shè)置application.yml文件與pplication.properties文件

2.4、在pojo下的新建類UserLogin

2.5、新建數(shù)據(jù)庫，名為mybatis，創(chuàng)建用戶表，名為userLogin，創(chuàng)建username、password字段

2.5.1、數(shù)據(jù)庫名可以隨意，不過要與application.yml文件中的一致

2.5.2、IDEA中連接數(shù)據(jù)庫