为什么写分页器的时候要用当前页数量乘当前页码-1呢?
比方说总共有100条数据(编号从0起算就是0到99),每次取5条数据(pageSize=5),当前页码为1(pageNum=1),那么所获取的
第一条数据为 5*(1-1)=0
最后一条数据的下一条数据为 5*1=5 (请注意slice的用法以便理解这里为什么是5)
这样实际取到的数据就是0到4总共5条数据,这个没有疑问吧?
如果页码变为2(pageNum=2),那么获取的
第一条数据为 5*(2-1)=5
最后一条数据的下一条数据为 5*2=10
这样实际取到的数据就是5到9总共5条数据
如果页码变为3(pageNum=3),那么获取的
第一条数据为 5*(3-1)=10
最后一条数据的下一条数据为 5*3=15
这样实际取到的数据就是10到14总共5条数据
依次类推,最后获取的就是95到99
这样应该就明白了吧?其实你只要把页码代入到代码里实际计算一下就会清楚的。
为什么写分页器的时候要用当前页数量乘当前页码-1呢?相关推荐
- 关于element-ui的分页器设置每一页显示数量(page-size)后页码并没有变化的问题与解决
问题:element-ui的分页器在设置后,总页面数异常,不匹配总条数与单页显示数,设置page-size后页面也无变化 <ElPagination style="textAlign: ...
- 手写分页器组件(vue2)
效果图如下: 1.首先要确认参数 currentPage:当前页码:pageSize:每页有多少条数据:pageGroup:连续页码数量: total:数据总数:totalPage:总页数 2.计算 ...
- word从第3页开始设置页码为第一页_写论文、报告必会:快速让Word页码从第三页开始的方法...
我们在用word写论文.报告时, 前两页分别是封面和目录,是不需要插入页码的,我们需要的是从第3页起插入从1开始的页码. 下面一起跟做吧 第一步 光标放在第二页最后,页面设置 - 分隔符 - 下一页 ...
- 删除单据是提示反写出错,采购系统严格控制执行数量,不允许超过关联的收料通知单数量,并且收料通知单数量不能为负数...
首先找到关联的单据分录,里面有两个重要的参数一个是FAuxConCommitQty(入库基本关联数量),FConCommitQty(入库基本关联数量) 这两个数量就是关联到.外购 入库的入库数量,比如 ...
- 手写一个简单的分页器
封装分页器 1. 前言 分页器基本上是任何网站必须要有的一个组件,为什么需要分页器,当后台传入了大量的数据,那么在前端拿到数据,如果直接展示很有可能或造成卡顿,同时消耗过多的内存,给用户带来的浏览效果 ...
- 分页器Pagerhelper
这里写自定义目录标题 分页器Pagerhelper 其中的属性 mapper service interface impl controller 主页面 页面 分页器Pagerhelper 其中的属性 ...
- 超级详细:一个漂亮的Vue分页器组件的实现
整篇分两个部分: 思路部分:讲解怎么实现分页器组件[大把时间看-建议] 后面部分:按照步骤,直接引入组件[没有时间看-建议] 思路:基于连续页码进行判断 需要添加分页器的组件(Search组件)中 & ...
- AJAX+php实现分页器:分页展示数据
效果图: .html <style>*{margin:0px;padding: 0px;}.pagination{width: 800px;height: 40px;border:1px ...
- 快速实现-简单分页器(上)
首先形形色色的分页器大家肯定都看过,这一次就快速实现一个简单的分页器,应该不会耽搁太久吧~ 先来看一下简洁布局: 瞜一眼这布局: 页码数量总共只有9个 当足够显示所有页码的情况就全部显示了 那么问题来 ...
最新文章
- 我司用了 6 年的 Redis 分布式限流器,很牛逼了!
- [MODX] 2. Chunks $
- 北师大版图形的旋转二教案_新北师大版八年级下册数学 《图形的旋转(2)》教案...
- Node.js webpack
- redux解决了什么问题?
- 第八章节 文件操作一 (文件夹常用操作)
- 使用 shell 在多服务器上批量操作
- OpenV2X 标准整理
- VC虚拟键值表(详细介绍)
- golang 将数据导入excel
- 绝美中国建筑!为中国摄影师鼓掌!
- mmdetection使用目标检测工具箱训练,测试
- 计算机毕业设计ssm游泳馆管理平台
- u盘自动挂载 树莓派_再推荐一个备份树莓派系统的脚本
- 威斯康星麦迪逊计算机专业排名,威斯康星大学麦迪逊分校计算机排名2020年
- 基于现有电脑和手机,“掌上看家”帮你零投入远程照料家中儿童与老人
- 华为mate40计算机,华为Mate40 Pro+电脑,工作事半功倍就差这一步
- 计算机网络第七版(谢希仁)第二章——物理层课后习题答案
- 网上零售是国内品牌开拓海外市场的最佳途径
- Junit5系列-什么是Junit5?
热门文章
- 黑客系列-木马又现木马
- mybatis和ibatis的区别
- SEO教程VIP资源合集,速度领!手慢无
- 可读盘符但不可读取的移动硬盘修复命令
- 【Java.bug】(1)Can‘t find bundle for base name xxx, locale zh_CN
- 时间类型转换:将COleDateTime转换为INT64类型
- matlab 微分方程组参数拟合,如何拟合微分方程组的参数?
- 我发现凡是给offer的公司,面试时基本不问技术细节,那些问得又多又细的公司,后面就没下文了
- oracle查询基表阻塞,在Oracle专家眼中,MySQL sys Schema是怎样一种存在?
- matlab step函数跟踪斜坡信号及阶跃响应绘图