SpringBoot+Thymeleaf+DataTables实现数据的查询与显示

最新推荐文章于 2024-06-26 11:56:50 发布
最新推荐文章于 2024-06-26 11:56:50 发布
阅读量3.7k 收藏 4
点赞数
分类专栏： SpringBoot 文章标签： dataTables
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/89467777
版权
SpringBoot 专栏收录该内容
199 篇文章 1 订阅 ¥9.90 ¥99.00
订阅专栏

场景

效果：

DataTables官网：

http://www.datatables.club/

在你的项目中使用 DataTables，只需要引入三个文件即可，jQuery库，一个DT的核心js文件和一个DT的css文件。

这里使用的Thymeleaf模板，juqery是在foot中引用下面展示content部分。

实现

编写模板并引入js

首先在模板文件html中编写要显示的字段信息

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
     th:replace="layout/layout(title='收货单数据',cssPaths='/public/css/plugins/dataTables/datatables.min.css,/public/css/plugins/daterangepicker/daterangepicker-bs3.css,/public/css/plugins/jsTree
了解本专栏 订阅专栏 解锁全文
霸道流氓气质
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
thymleaf 里获取表格某一行的 id 值
qq_43881663的博客
02-20 836
本篇主要介绍在 thymleaf 里获取表格某一行的值，如 id。
关于js获取表格中使用Thymeleaf渲染后数据的问题
hehehehao1的博客
12-21 912
事情是这样的，我用Thymeleaf渲染了表格的数据 页面是这样的 删除的功能我想用ajax实现，但是我发现普通的document.getElementById(“deletetype”)不好使了，根本就获取不到这一行的数据，因为我传进去的是一个对象，后来百度了两个小时才发现，这种情况取值需要用document.getElementById(“deletetype”).innerHTML 多个.innerHTML他会把数据类型从对象转换为这个对象的属性的具体数值，这时候就可以正常取数据了， 顺便插一句，前
SpringBoot+thymeleaf模板引擎实现Excel表格的导入导出
最新发布
m0_53402965的博客
06-26 309
SpringBoot+thymeleaf模板引擎实现Excel表格的导入导出（本地）
thymeleaf 显示学生信息表详细信息
m0_67587248的博客
03-17 416
显示页面详情
Springboot整合Thymeleaf使用Datatable利用AJAX进行页面的查询功能完整实现
hyc_zzn520的专栏
12-23 1258
没有比这再完整的Springboot整合Thymeleaf使用Datatable利用AJAX进行页面的查询功能实现
datatables实现数据的展示
qq_43161708的博客
02-21 466
DataTables 是一个 Javascript HTML 表格增强库。可以将HTML表格添加高级的交互功能,如：分页，即时搜索和排序。
SpringBoot+thymeleaf+MyBatis+MySQL实现查询功能
03-12
在查询功能实现中，Thymeleaf会负责接收前端的查询参数，将其转化为后端可以理解的形式，并将查询结果渲染成视图返回给用户。 接着，MyBatis是一个轻量级的持久层框架，它简化了Java与数据库之间的交互。MyBatis...
SpringBoot+JPA+thymeleaf框架实现增删改查分页显示
05-12
SpringBoot+JPA+thymeleaf框架实现增删改查分页显示，前端通过bootstrap渲染
基于SpringBoot+Thymeleaf +mybatisPlus实现的个人博客系统 毕业设计
02-04
该项目试基于SpringBoot2.X+Thymeleaf 实现的完整博客系统。 部分的前端展示页面和css样式等借鉴了部分网络作者的开源项目，在此向其作者表示感谢！ 因为博主的能力有限，重构计划一直拖后，但是对于自己项目的...
springboot+thymeleaf+maven+html+css实现精美大方好看官网模板完整源码.zip
07-09
springboot+thymeleaf+maven+html+css实现精美大方好看官网模板完整源码 不需要搭建数据库即可启动，如果需要后台管理+数据库可以自己迭代拓展增加； 项目可以轻易修改，非常简单，非常适合新手
一个基于SpringBoot+Thymeleaf渲染的图书管理系统
12-17
《SpringBoot+Thymeleaf实现的图书管理系统详解》 在现代软件开发中，SpringBoot以其简化Spring应用的初始搭建以及开发过程而受到广大开发者喜爱。结合Thymeleaf模板引擎，可以快速构建出功能丰富的Web应用，如本...
SpringBoot+layui实现表格数据渲染和条件查询时Thymeleaf模板报错
Ripple的博客
09-15 407
【代码】SpringBoot+layui实现表格数据渲染和条件查询时Thymeleaf模板报错。
datatable 统计当前页的总数和统计所有页面的总数
菜鸟先飞
06-15 1226
bootstrap 使用了datatable 作为表单展示数据，datatable的功能非常强大，其中在分页后统计数据上也很方便，只需要简单的配置即可。
thymleaf的列表展现总结
zhangludcsdn的博客
05-20 843
1 一列多行我从后台数据读出来的是一个list，名称是DayAndStatus，实体如下，这里用了import lombok.Data;这个插件所以我不用写实体属性的get或set方法public @Data class DayAndStatus { private Integer day; private String status; private String wee...
Springboot Thymeleaf 实现数据添加、修改、查询、删除
呆萌很的博客
03-31 1378
2、创建Thymeleaf 模板处理表单和绑定数据，模板存放在“templates/user/edit.html”目录中。2、创建Thymeleaf 模板处理表单，模板存放在“templates/user/add.html”目录中。1、 在Controller类中，定义处理HTTP请求的方法。1、 在Controller类中，定义处理HTTP请求的方法。1、 在Controller类中，定义处理HTTP请求的方法。3、访问用户列表页删除用户。2、用户列表页模板添加。3、访问页面添加用户。
SpringBoot视图技术4：使用Thymeleaf完成数据的页面展示
qq_48457459的博客
05-10 6907
本文主要介绍：如何使用Thymeleaf在html页面上显示动态数据，也介绍了如何使用BootStrap文档中现成的HTML、CSS、JS进行前端开发
Thymeleaf和PageInfo显示列表流程
m0_57099044的博客
12-05 653
1.引入分页插件 2.MyabtisMapper接口： 3.MybatisMapper实现： 4.Service层代码：将查询到的List封装到PageInfo中，返回PageInfo 5.Controller层代码：调用Service层业务 其中PageHelper.startPage必须设置，参数分别为起始页和每页大小。 获取Service层返回PageInfo，将其传给ModelMap 6.获取到的参数 前端页面： ...
SpringBoot+Mybatis-plus+thymeleaf列表的增删改查即分页展示
weixin_44131630的博客
06-15 1370
mybatis-plus和thymeleaf简单做的分页查询
【Springboot学习笔记】SpringBoot+Mybatis+Thymeleaf+Layui数据表单从零开始实现按条件模糊分页查询的方法
WEN_Windy的博客
08-25 7296
【Springboot学习笔记】SpringBoot+Mybatis+Thymeleaf+Layui数据表单从零开始实现按条件模糊分页查询的方法目录1.搭建环境1.1直接从网上下载SpringBoot样例网站程序1.2使用IDEA新建SpringBoot样例网站运行SpringBoot样例网站合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列...
springboot+thymeleaf+mybatis框架实现删除
05-14
要使用SpringBoot+Thymeleaf+MyBatis框架实现删除功能，需要进行以下步骤： 1. 在MyBatis的mapper.xml文件中编写删除语句，例如： ```xml <delete id="deleteUserById" parameterType="int"> delete from user where id=#{id} </delete> ``` 2. 在对应的Mapper接口中声明该方法： ```java void deleteUserById(int id); ``` 3. 在业务逻辑层（Service）中调用Mapper接口中声明的方法： ```java @Service public class UserServiceImpl implements UserService { @Autowired private UserMapper userMapper; @Override public void deleteUserById(int id) { userMapper.deleteUserById(id); } } ``` 4. 在控制器层（Controller）中注入业务逻辑层，并调用相应方法： ```java @Controller public class UserController { @Autowired private UserService userService; @RequestMapping("/deleteUser") public String deleteUser(int id) { userService.deleteUserById(id); return "redirect:/userList"; // 重定向到用户列表页面 } } ``` 5. 在Thymeleaf模板中编写删除按钮的HTML代码，并为其添加删除请求的URL： ```html <form action="/deleteUser" method="post"> <input type="hidden" th:field="${user.id}" /> <button type="submit">删除</button> </form> ``` 在这个例子中，我们需要将用户的id作为隐藏域提交到控制器中，从而实现删除指定id的用户。 这样，就可以实现SpringBoot+Thymeleaf+MyBatis框架下的删除功能了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

霸道流氓气质

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值