layui 分页问题

layui 分页问题用 layui 做分页你会发现少了很多 html 和 js 代码 只要在 table 渲染代码块把 page 设置成 true 就行 不过这里也有个小问题 当你表头有搜索框的时候 你会发现在不同页搜索 在后台获取 page 的值是对应页的 而不会是 page 1 如果当你查询的内容 lt pageSize page 1 时 那么当前页是没有数据的 这显然是不合理的 所有就需要把前台传过去的 page 处理一下 我粗略的写了个 page 工具类 publicclassP

用layui做分页你会发现少了很多html和js代码,只要在table渲染代码块把page设置成true就行。

layui 分页问题

 不过这里也有个小问题。当你表头有搜索框的时候,你会发现在不同页搜索,在后台获取page的值是对应页的,而不会是page=1。

layui 分页问题

 如果当你查询的内容  “<” pageSize * (page-1) 时,那么当前页是没有数据的,这显然是不合理的,所有就需要把前台传过去的 page 处理一下。我粗略的写了个 page 工具类:

public class PageUtil { public static Integer getPage(Integer page, Integer pageSize, Integer count) { // 商数 判断条件需用 int quotient = count / pageSize; // count:根据条件从数据库获取的条数 // 余数 判断条件需用 int remainder = count % pageSize; int total = page * pageSize; if (total >= count) { if (quotient <= 0) { // 根据条件获取的数据不足一页 page = 1; } else { if (remainder > 0) { // 根据条件获取的数据 > n*pageSize 余数为 remainder page = quotient + 1; } else page = quotient;// 根据条件获取的数据 = n*pageSize 余数为零 } } return page; } } 

效果如下:

layui 分页问题

点击搜索按钮

layui 分页问题

 可以看到传到后台page值为 5 ,经过 PageUtil 处理后结果显示正常!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/229321.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午4:58
下一篇 2026年3月16日 下午4:58


相关推荐

  • jquery tmpl遍历

    jquery tmpl遍历最近,发现大家喜欢用模板渲染一些DOM,而且常常用模板嵌套一些逻辑,看了大家用jquerytmpl较多,遇到的问题大同小异。为了避免问题重复发生,现在就个人用过的一些常用功能,作下具体介绍,主要针对遍历。其它的大家可自行看看网上教程,推荐一个:jqueryTmpl,希望对大家有所帮助1.普通数组对象的遍历,关键词{{eachArray}}、$value、$index数据格式:varperso

    2022年6月15日
    36
  • jenkins拉取gitlab代码_git提交代码到远程仓库

    jenkins拉取gitlab代码_git提交代码到远程仓库前言python自动化的脚本开发完成后需提交到git代码仓库,接下来就是用Jenkins拉取代码去构建自动化代码了新建项目打开Jenkins新建一个自由风格的项目源码管理Repository

    2022年7月30日
    20
  • 脚手架专项施工方案范本_手写react项目脚手架

    脚手架专项施工方案范本_手写react项目脚手架前言如何快速搭建一个httprunner项目呢?我们可以使用脚手架,脚手架就是自动地创建一些目录,形成一个项目的架构,不需要我们再手动的去创建查看创建新项目的命令先来查看一下帮助命令httpr

    2022年7月30日
    11
  • 五大常用算法之三:贪心算法[通俗易懂]

    五大常用算法之三:贪心算法[通俗易懂]贪心算法一、基本概念:所谓贪心算法是指,在对问题求解时,总是做出在当前看来是最好的选择。也就是说,不从整体最优上加以考虑,他所做出的仅是在某种意义上的局部最优解。贪心算法没有固定的算法框架,

    2022年8月2日
    7
  • snmp trap日志「建议收藏」

    snmp trap日志「建议收藏」日志类型有三种,file,syslog和snmptrapsnmptrapd.conf文件内容及参数snmptrapd手册:http://www.net-snmp.org/docs/man/snmptrapd.conf.html,http://www.net-snmp.org/wiki/index.php/Snmptrapd中文翻译:《snmptrapd.conf文件内容及参数》,而且详细列出了参数《SnmpTrap的发送和接收演示》IBM开发者网站关于snmptrap引用最.

    2022年8月20日
    26
  • Hook技术看这篇就够了[通俗易懂]

    Hook技术看这篇就够了[通俗易懂]   相信很多搞机的朋友都玩过Xposed,它实现了很多不可思议的功能。它是怎么实现的呢?这里就得提到我们的Hook技术了。    关于Android中的Hook机制,大致有两个方式: 要root权限,直接Hook系统,可以干掉所有的App。 免root权限,但是只能Hook自身,对系统其它App无能为力。   时间所限,这里不展开了。   知识点: …

    2022年5月9日
    160

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号