【Springboot学习笔记】SpringBoot+Mybatis+Thymeleaf+Layui数据表单从零开始实现按条件模糊分页查询的方法

最新推荐文章于 2024-08-16 07:50:40 发布

小W的日常

最新推荐文章于 2024-08-16 07:50:40 发布

阅读量7.3k

点赞数 4

分类专栏： SpringBoot Layui 文章标签： Springboot模糊查询

本文链接：https://blog.csdn.net/baidu_35800355/article/details/100045608

版权

这篇博客介绍了如何使用SpringBoot、Mybatis、Thymeleaf和Layui实现按条件模糊分页查询。从搭建环境、配置数据库到引入Layui样式，再到利用Mybatis-generator生成实体类和Mapper，最后实现了数据表单的分页查询功能。

摘要由CSDN通过智能技术生成

【Springboot学习笔记】SpringBoot+Mybatis+Thymeleaf+Layui数据表单从零开始实现按条件模糊分页查询的方法

如果使用可以先到Spring官网下载springboot的样例程序
https://spring.io/projects/spring-boot
拖动滚动条到网页底部点击 Spring Initializr.进入页面按需求选择进行下载即可。下载后可以通过STS、Eclipse和Idea等IDE软件对网站进行修改
在这里插入图片描述

1.2使用IDEA新建SpringBoot样例网站

打开IDEA软件，选择新建项目，然后选择Spring Initializr，点击Next，看见下图界面，设置参数后，继续点击Next
在这里插入图片描述
进入下一步后，看见下图的界面，选择所需要的Maven依赖，继续点击下一步选择存储路径，开始编写代码。

2.运行SpringBoot样例网站

在java文件目录下新建一个HelloWorldController控制层类，并使用注解@RequestMapper和@ResponseBody定义根目录的请求为返回字符串。
注意：
@RequestMapper用于指定数据解，"/"表示根目录的路径，
@ResponseBody表示返回JSON格式的字符串
在这里插入图片描述
因为开始的时候默认添加了mybatis的Maven依赖所以需要在配置文件中配置数据库连接才能够运行测试测试程序。
直接运行网站会报如下错误。

在resources目录下新建application.yml配置文件，添加如下配置，配置内容根据实际自行修改。.yml文件是根据缩进识别层次，添加属性值的时候记住冒号和属性值内容之间有一个空格。同时在pon.xml，Maven的依赖管理文件中间mysql的runtime这一行注释掉。
配置文件的代码如下：

server:
  port: 8081 #服务器端口号
spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/oj?useUnicode=true&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=UTC
    username: root
    password: mysql123456

在这里插入图片描述

然后打开Application应用类，右键测试网站是否能成功运行。

打开浏览器在地址栏中输入http://localhost:8081/即可成功访问测试网站。

3.配置Maven的本地仓库路径

访问Maven的http://maven.apache.org/download.cgi官网下载页面，下载Maven的官方程序。
在这里插入图片描述
解压压缩包，访问压缩包下的apache-maven-3.6.1\conf\settings.xml配置文件，用记事本打开，找到本地配置路径的位置，修改本地路径。

然后打开idea的设置界面，直接使用自己下载的Maven包即可

4.导入Layui样式文件

通过上面的操作，我们已经成功运行了测试网站，接着引入Layui的JS和CSS样式文件，先访问Layui的官方网站https://www.layui.com/，下载需要的文件，然后将下载的layui文件夹目录下的文件复制demo工程的static文件夹目录下，如下图所示：
在这里插入图片描述

5.新建数据库与数据表

打开mysql可视化管理软件SQLyog，新建数据库test以及含有username和password两个字段的数据表testuser，如下图所示：
在这里插入图片描述

6.使用Mybatis-generator生成数据表对应的实体类及基本数据库操作

在pom.xml文件中加入Mybatis-generator的配置信息。

  <plugin>
                <groupId>org.mybatis.generator</groupId>
                <artifactId>mybatis-generator-maven-plugin</artifactId>
                <version>1.3.7</version>
                <configuration>
                    <configurationFile>src/main/resources/mybatis-generator.xml</configurationFile>
                    <overwrite>true</overwrite>
                    <verbose>true</verbose>
                </configuration>
            </plugin>

然后在resources目录下新建mybatis-generator.xml的配置文件。配置文件的代码如下，可按实际需求进行修改：

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE generatorConfiguration PUBLIC
        "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN"
        "http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd" >
<generatorConfiguration>

    <!-- 本地数据库驱动程序jar包的全路径 -->
    <classPathEntry location="H:\mvnrep\mysql\mysql-connector-java\8.0.17\mysql-connector-java-8.0.17.jar"/>

    <context id="context" targetRuntime