SpringBoot+Thymeleaf+mybatis+mysql简单入门增删查改案例

最新推荐文章于 2024-09-06 23:59:54 发布
最新推荐文章于 2024-09-06 23:59:54 发布
阅读量3.1k 收藏 21
点赞数 8
分类专栏： SpringBoot 文章标签： thymeleaf springboot mybatis
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Eknaij/article/details/89013327
版权

1.先决条件

JDK1.8、JPA相关知识、Mysql相关知识、Thymeleaf相关知识、SpringBoot构建项目，不了解的朋友可以看一下我前面的博
文。
thymeleaf入门

2.数据准备

  1. 创建数据库和表
create database thymeleaf;
use thymeleaf;
CREATE TABLE user (
id int(11) NOT NULL AUTO_INCREMENT,
name varchar(30),
PRIMARY KEY (id)
) DEFAULT CHARSET=UTF8;
  1. 添加15条数据方便测试
INSERT INTO user VALUES (1,'name1');
INSERT INTO user VALUES (2,'name2');
INSERT INTO user VALUES (3,'name3');
INSERT INTO user VALUES (4,'name4');
INSERT INTO user VALUES (5,'name5');
INSERT INTO user VALUES (6,'name6');
INSERT INTO user VALUES (7,'name7');
INSERT INTO user VALUES (8,'name8');
INSERT INTO user VALUES (9,'name9');
INSERT INTO user VALUES (10,'name10');
INSERT INTO user VALUES (11,'name11');
INSERT INTO user VALUES (12,'name12');
INSERT INTO user VALUES (13,'name13');
INSERT INTO user VALUES (14,'name14');
INSERT INTO user VALUES (15,'name15');

3. 新建项目

模板选上web，模板引擎选择Thymeleaf
在这里插入图片描述

3.1 修改pom.xml文件

添加mybatis、mysql、分页工具pageHelper 的 依赖，最后依赖的配置如下：

	<dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <!-- servlet依赖. -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>

        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
        </dependency>
        <!-- tomcat的支持.-->
        <dependency>
            <groupId>org.apache.tomcat.embed</groupId>
            <artifactId>tomcat-embed-jasper</artifactId>

        </dependency>
        <!-- 添加mybatis的依赖 -->
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>1.3.3</version>
        </dependency>
        <!-- 添加mysql的依赖 -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.15</version><!--我装的是8.0.15，根据个人选择相应版本-->
        </dependency>
        <!-- pageHelper  用于分页 -->
        <dependency>
            <groupId>com.github.pagehelper</groupId>
            <artifactId>pagehelper</artifactId>
            <version>4.1.6</version>
        </dependency>
    </dependencies>

3.2 修改application.properties文件

#thymeleaf 配置
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.servlet.content-type=text/html
#缓存设置为false, 这样修改之后马上生效，便于调试
spring.thymeleaf.cache=false
#上下文,可以不需要，如果加上则要在浏览器url加上/thymeleaf
#server.servlet.context-path=/thymeleaf

#数据库配置
spring.datasource.url=jdbc:mysql://127.0.0.1:3306/thymeleaf?useSSL=false&serverTimezone=GMT%2B8&allowPublicKeyRetrieval=true
spring.datasource.username=root
spring.datasource.password=666666
#由于我用得是Mysql8.0 所以驱动类是 com.mysql.cj.jdbc.Driver如果是其他版本请改成com.mysql.jdbc.Driver
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver

3.3 添加实体类

新建一个pojo包，新建一个实体类User

package com.eknaij.springbootthymeleaf.pojo;

public class User {
    Integer id;
    String name;

    public Integer getId() {        return id;    }
    public void setId(Integer id) {        this.id = id;    }
    public String getName() {        return name;
    }
    public void setName(String name) {        this.name = name;    }}

3.4 添加Mapper

新建一个mapper包，用于存放mapper接口文件
新建一个UserMapper接口

package com.eknaij.springbootthymeleaf.mapper;

import com.eknaij.springbootthymeleaf.pojo.User;
import org.apache.ibatis.annotations.*;

import java.util.List;

@Mapper
public interface UserMapper {
    @Select("select * from user ")
    List<User> findAll();

    @Insert(" insert into user  (name) values (#{name}) ")
    public int save(User user);

    @Delete(" delete from user where id= #{id} ")
    public void delete(int id);

    @Select("select * from user where id= #{id} ")
    public User get(int id);

    @Update("update user set name=#{name} where id=#{id} ")
    public int update(User user);
}

3.5 添加config包

添加config包，用于存放分页相关的配置类
新建用于分页配置的PageHelperConfig类

package com.eknaij.springbootthymeleaf.config;

import com.github.pagehelper.PageHelper;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

import java.util.Properties;

@Configuration
public class PageHelperConfig {
    @Bean
    public PageHelper pageHelper() {
        PageHelper pageHelper = new PageHelper();
        Properties properties = new Properties();
        properties.setProperty("offsetAsPageNum", "true");
        properties.setProperty("rowBoundsWithCount", "true");
        properties.setProperty("reasonable", "true");
        pageHelper.setProperties(properties);
        return pageHelper;
    }
}

3.6 新建controller

新建一个controller包，存放相关controller类
新建一个UserController

package com.eknaij.springbootthymeleaf.controller;

import com.eknaij.springbootthymeleaf.mapper.UserMapper;
import com.eknaij.springbootthymeleaf.pojo.User;
import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;

import java.util.List;

@Controller
public class UserController {
    @Autowired
    UserMapper userMapper;

    //添加
    @RequestMapping("/addUser")
    public String listUser(User user) throws Exception {
        userMapper.save(user);
        return "redirect:listUser";
    }
    //删除
    @RequestMapping("/deleteUser")
    public String deleteUser(User user) throws Exception {
        userMapper.delete(user.getId());
        return "redirect:listUser";
    }
    //修改
    @RequestMapping("/updateUser")
    public String updateUser(User user) throws Exception {
        userMapper.update(user);
        return "redirect:listUser";
    }
    //查找(用于修改)
    @RequestMapping("/findUser")
    public String findUser(int id, Model model) throws Exception {
        User user= userMapper.get(id);
        model.addAttribute("user", user);
        return "edituser";
    }
    //遍历
    @RequestMapping("/listUser")
    public String listUser(Model model, @RequestParam(value = "start", defaultValue = "0") int start,
                           @RequestParam(value = "size", defaultValue = "5") int size) throws Exception {
        PageHelper.startPage(start,size,"id asc");
        List<User> userList=userMapper.findAll();
        PageInfo<User> page = new PageInfo<>(userList);
        model.addAttribute("pages", page);
        return "listuser";
    }
}

3.7 html页面

涉及到一些Thymeleaf的标签，如果不了解可以查看我的上一篇文章：Thymeleaf介绍以及常用标签

  1. 在resources/templates目录下新建一个layout.html页面（所有页面都建立在这个文件夹里），用于设置布局
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
<header th:fragment="header">
    布局的head
</header>
<div th:replace="::content">
    这是正文
</div>
<footer th:fragment="footer">
   布局的foot
</footer>
</body>
</html>

这个布局只是简单的上中下三部分，在此只是简单示范一下thylemeaf的布局使用方法，不做具体样式。本页面相当于模板，在页面布局一致的情况下，只要修改content就好了。这个页面关键的地方在于：

<div th:include="::content">

  1. 新建一个listuser.html用于显示所有的User
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"  th:replace="layout">
<head>
    <meta  http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>遍历User</title>
</head>
<body>
<div  th:fragment="content" style="width:500px;margin:20px auto;text-align: center" >
    <table align='center' border='1' cellspacing='0'>
        <tr>
            <td>id</td>
            <td>name</td>
            <td>编辑</td>
            <td>删除</td>
        </tr>
        <tr th:each="c:${pages.list}">
            <td th:text="${c.id}">1</td>
            <td th:text="${c.name}">name</td>
            <td><a th:href="@{/findUser(id=${c.id})}">编辑</a></td>
            <td><a th:href="@{/deleteUser(id=${c.id})}">删除</a></td>
        </tr>
    </table>
    <br/>
    <div>
        <a th:href="@{/listUser(start=0)}">[首  页]</a>
        <a th:href="@{/listUser(start=${pages.pageNum-1})}">[上一页]</a>
        <a th:href="@{/listUser(start=${pages.pageNum+1})}">[下一页]</a>
        <a th:href="@{/listUser(start=${pages.pages})}">[末  页]</a>
    </div>
    <br/>
    <form action="addUser" method="post">

        name: <input name="name"/> <br/>
        <button type="submit">添加</button>

    </form>
</div>
</body>
</html>

注意第二行的th:replace="layout"，还有主体DIV的th:fragment="content"

  1. 新建一个edituser.html用于修改User
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>修改User</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div style="margin:0px auto; width:500px">

    <form action="updateUser" method="post">
        name: <input name="name" th:value="${user.name}"/> <br/>
        <input name="id" type="hidden" th:value="${user.id}"/>
        <button type="submit">提交</button>
    </form>
</div>
</body>
</html>

3.8 项目结构

在这里插入图片描述
文中未提及的类和hello.html可忽略，之前练习thymeleaf时留下的，就不删除了。

4. 运行测试

运行结果如下：

在这里插入图片描述

head和foot是我们布局文件中的内容（真丑= =），中间的表格才是我们的主体。

5. 总结

用thymeleaf模板引擎和使用JSP开发web项目大同小异，关键是要注意thymeleaf的一些属性与JSP有所差异，两个布局方法也有所不同，对于前后端分离来说，用thymeleaf来开发更方便。

本文源码已上传github.需要的话请自行下载：源码下载地址

使用Springboot＋Thymeleaf+Mybatis实现对Mysql数据库的增删改查以及分页查询
weixin_46707570的博客
02-04 3482
使用springboot快速搭建对数据库的增删改查
SpringBoot+Mybatis+thymeleaf实现简单的增删改查功能
weixin_46414452的博客
12-11 1821
第一步、设计数据库 我做了一个学生的基本信息表，班级表，性别，状态，对于不常改动的信息，单独用个表可以降低数据库复杂度，便于改动。 建表命令： 1、 CREATE TABLE `student` ( `student_id` int NOT NULL AUTO_INCREMENT, `student_number` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL, `student_name`.
SpringBoot+MyBatis+Thymeleaf连接MySQL实现简单增删改查实例demo代码
10-12
SpringBoot+MyBatis+Thymeleaf连接MySQL实现的简单增删改查实例，参考使用。
第一个搭建SpringBoot项目（连接mysql）
最新发布
qq_63126439的博客
09-06 2048
首先新建项目找到Spring Initializr 我使用的URL是这里最低的JDK版本是17，而且当网速不好的时候可能会显示超时，这里可以选用阿里云的镜像可以更快一些但是里面还是有一些区别的我们这里选择Java语言，Maven框架在这里我们选择一些我们需要用到的这个版本可以选低一点更加稳定进来之后我们需要先等pom文件加载，我们可以选择刷新Maven加载完之后由于我们加载了MySQL所以还不能运行可以先注释掉，然后刷新maven。
springboot+mybatis+mysql+thymeleaf 实现最基本数据库操作demo
03-29
使用springboot框架引入mybatis连接mysql数据库（xml和注解两种方式实现sql语句），最后用thymeleaf展示数据。
springboot+mybatis+thymeleaf增删改查及前后端交互
zhangyao的博客
02-20 1520
springboot+mybatis+thymeleaf增删改查及前后端交互 准备工作 目录结构 pom.xml文件 都是在创建springboot项目的时候勾选的 无需后续导入依赖包 创建mysql表 编写配置文件application.yml spring: thymeleaf: prefix: classpath:/templates/ datasource: ...
SpringBoot+Mybatis+Thymeleaf+Mysql 相结合，实现增删查改
Hello_ChenLiYan的博客
05-05 787
一、连接数据库 1.在POM文件中导入数据库的相关依赖 （1）JDBC启动器依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-jdbc</artifactId> </depende...
SpringBoot+layui+Thymeleaf+Mybatis+Shiro后台管理系统脚手架
08-05
标题中的"SpringBoot+layui+Thymeleaf+Mybatis+Shiro后台管理系统脚手架"代表了一个基于SpringBoot框架的后台管理系统，该系统利用了一系列技术来构建高效、易用的管理界面。以下是对这些技术及其在系统中的作用的...
springboot项目实训源代码+thymeleaf+mysql+mybatis
02-23
1、MySql、MyBatis数据库技术 3、SpringBoot框架，注解使用 4、thymeleaf模板的配置，常用标签的使用，if,for,include,replace标签 6、用户管理：新增，修改，删除，查询功能 9、页面功能由html+thymeleaf实现 ...
基于SpringBoot+thymeleaf+mybatis构建的旅游后台管理系统，课程设计，毕业设计
06-20
基于SpringBoot+thymeleaf+mybatis构建的旅游后台管理系统，课程设计，毕业设计 基于SpringBoot的旅游后台管理系统 1. 技术栈 springboot mybatis-plus thymeleaf 2. 功能 注册用户管理 旅游线路分类管理 旅行社管理...
SpringBoot+SpringMVC+Maven+Thymeleaf+HTML+mybatis+mysql基本的增删改查功能
01-10
这个项目以"SpringBoot+SpringMVC+Maven+Thymeleaf+HTML+mybatis+mysql基本的增删改查功能"为标题，其主要目标是实现用户管理的基本CRUD操作，适合作为初学者的毕业设计模板。 首先，Spring Boot简化了Spring应用的...
Maven+SpringBoot+MyBatis+MySQL实现增删改查源码
12-19
SpringBoot整合MyBatis实现MySQL数据库表增删改查。需使用Maven项目，搭建本地仓库。
spring boot mybatis jsp前端展示对mysql增删改查
09-26
spring boot mybatis js前端展示对mysql增删改查，web页面很一般，下载者可以自行增加页面布局与样式，也给刚入门spring boot 的网友以工dome
springboot+mybatis+mysql+thymeleaf 实现对学生信息管理小demo
03-29
利用springboot搭建项目，用mybatis的xml文件写sql语句连接mysql数据库，前端页面利用thymeleaf绑定数据。实现分页展示学生数据信息，删除学生，查看详情，添加学生，编辑学生的基本功能。适合小白学习使用。
docker+spring boot+mybatis+druid+Thymeleaf+mysql整合开发个人博客系统,包括后台...
12-14
博客系统已经上线的编辑器使用markdown如果不会docker有非docker的部署方式，默认的是非docker部署的maven构建
SpringBoot+thymeleaf+MyBatis+MySQL实现查询功能
03-12
在IT行业中，构建Web应用程序是常见的任务，而Spring Boot、Thymeleaf、MyBatis和MySQL这四个组件是构建高效、简洁后端服务的常用技术栈。让我们深入探讨一下这些技术及其在实现查询功能中的应用。 首先，Spring ...
Springboot+mybatis+thymeleaf增删改查
xiaoxiao1927的博客
11-22 393
Springboot+mybatis+thymeleaf增删改查
springboot学习：springboot+mybatis+MySQL+thymeleaf（二）
weixin_42825721的博客
08-19 941
本节主要内容是springboot集成mybatis和MySQL，然后来访问数据库，完成从数据库获取数据。 1、准备工作。 （创建springboot项目可以参考：https://blog.csdn.net/weixin_42825721/article/details/81517224） 新建一个springboot项目，然后在项目的pom.xml文件中引入如下依赖： ...
Intellij idea + Spring boot + Thymeleaf + MySQL
zbeboy的博客
11-11 3544
Spring boot 简单入门配置教程。
SpringBoot+Thymeleaf+Druid+MyBatis：多模块用户登录实战
总结来说，本文提供了一个实际的Spring Boot项目案例，展示了如何使用Thymeleaf、Druid和MyBatis技术构建模块化的用户登录系统，同时提供了代码示例和项目结构布局。这对于理解这些技术的整合以及学习如何在Spring ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值