SpringBoot+MyBatis+thymeleaf 增删改查实例（详版）

SpringBoot+MyBatis+thymeleaf 增删改查实例

1、概述

自己刚学Springboot几天，然后写了一个Springboot整合MyBatis和thymeleaf 实现增删改查的demo，发现springboot真的超级好用，省去了许多的xml配置，下面就带大家一步一步完成这个demo。

2、开发环境

开发工具：IDEA 2020.1，HBuilder X（写页面）
数据库：MySQL
构建工具：Maven
可视化工具：Navicat for MySQL
框架：springboot、mybatis
模板引擎：thymeleaf

3、项目搭建

1.打开idea，单击 file—>new Project

2. 设置好项目名称以及jdk版本然后next；
3. 选择springboot版本，例如我选择的版本为2.3.1；尽量不要选择SNAPSHOT这类的

4. 选择好版本之后继续选择其他要素，然后next

5. 然后输入项目名称，以及选择好本地路径点击finish ，springboot项目到此就搭建完成了；

4、数据库设计

CREATE TABLE `user_tb` (
  `u_id` int(10) NOT NULL AUTO_INCREMENT COMMENT '用户编号',
  `u_name` varchar(20) DEFAULT NULL COMMENT '用户名',
  `u_pass` varchar(20) DEFAULT NULL COMMENT '密码',
  `u_email` varchar(20) DEFAULT NULL COMMENT '邮箱',
  `u_tel` varchar(20) DEFAULT NULL COMMENT '联系电话',
  `reg_time` varchar(20) DEFAULT NULL COMMENT '注册时间',
  `u_status` varchar(1) DEFAULT '0' COMMENT '用户状态，默认0：正常 ，1：注销',
  `u_spare1` varchar(20) DEFAULT NULL COMMENT '备用字段1',
  `u_spare2` varchar(20) DEFAULT NULL COMMENT '备用字段2',
  `u_spare3` varchar(20) DEFAULT NULL COMMENT '备用字段3',
  `u_spare4` varchar(20) DEFAULT NULL COMMENT '备用字段4',
  `u_spare5` varchar(20) DEFAULT NULL COMMENT '备用字段5',
  PRIMARY KEY (`u_id`)
) ENGINE=InnoDB AUTO_INCREMENT=19 DEFAULT CHARSET=utf8;

5、导入项目所需的依赖

<?xml version="1.0" encoding="UTF-8"?>
<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.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.3.1.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.limo</groupId>
    <artifactId>bootdemo</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>bootdemo</name>
    <description>Demo project for Spring Boot</description>

    <properties>
        <java.version>1.8</java.version>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>2.1.2</version>
        </dependency>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
        </dependency>
        <dependency>
            <groupId>com.mchange</groupId>
            <artifactId>c3p0</artifactId>
            <version>0.9.5.5</version>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
            <exclusions>
                <exclusion>
                    <groupId>org.junit.vintage</groupId>
                    <artifactId>junit-vintage-engine</artifactId>
                </exclusion>
            </exclusions>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>

</project>

6、配置resources下面的application.properties文件，我这里是新建的application.yml 这两个文件的区别在于书写格式不同，内容如下：

注意：yml的编写格式很重要，就是冒号后面一定要给一个空格，而且不能按tab键缩进，必须手动缩进。

#数据库连接配置
spring:
  datasource:
    url: jdbc:mysql://localhost:3306/limo_project?useUnicode=true&characterEncoding=utf8&useSSL=false&allowPublicKeyRetrieval=true&serverTimezone=GMT%2B8
    username: root
    password: 123456
    driver-class-name: com.mysql.cj.jdbc.Driver
 
 #访问端口配置   
server:
  port: 8081

#日志配置
logging:
  level:
   root: debug

#mybatis配置
mybatis:
  mapper-locations: classpath:mapper/*.xml
  type-aliases-package: com.limo.entity

7、项目目录结构：

8、前端代码实现

自己随便写了几个页面做展示，大佬们不喜勿喷，多给建议哈！
注意：
在resource目录下有两个文件夹，分别是static和templates
static用于存放静态资源文件，如（js、img、css等）
templates用于存放html页面

• 在templates文件夹中新建一个html页面，命名为login.html 在static新建css文件夹然后在此下面新建css文件来编写页面样式
  **注意：**在使用thymeleaf模板引擎时，必须要在html标签中添加xmlns:th=“http://www.thymeleaf.org”
  login.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" th:href="@{/static/css/style.css}"/