-
2020-03-26 09:50:56
很多情况下我们需要用到手动分页,这样可以减少查询的sql压力,也方便展示数据。
对于手动分页来说,一般需要前端向我们传递两个参数
currPage:当前页
pageSize:每页展示的条数
下面我们来写三个公式,分别对起始条数firstIndex、截止条数lastIndex、总页码数countPage做计算
1、起始条数firstIndex
firstIndex=(currPage-1)*pageSize
2、截止条数lastIndex
lastIndex = currPage*pageSize
3、总页码数countPage
pages= total% pageSize== 0 ? total/ pageSize: total/ pageSize+ 1 ;
更多相关内容 -
dataTable分页功能,修改每页显示条数
2018-11-26 18:45:30在表格初始化方法grid.init 里 修改 属性 "lengthMenu":[1, 2, 3,4,5,6], $('#data').dataTable({ "bLengthChange": true, //开关,是否显示每页显示多少条数据的下拉框 "aLengthMenu": [[5, 10, 25, -1]...在表格初始化方法grid.init 里
修改 属性 "lengthMenu":[1, 2, 3,4,5,6],
$('#data').dataTable({
"bLengthChange": true, //开关,是否显示每页显示多少条数据的下拉框
"aLengthMenu": [[5, 10, 25, -1], [5, 10, 25, "所有"]],//设置每页显示数据条数的下拉选项
'iDisplayLength': 5, //每页初始显示5条记录
'bFilter': false, //是否使用内置的过滤功能(是否去掉搜索框)
"bInfo": true, //开关,是否显示表格的一些信息(当前显示XX-XX条数据,共XX条)
"bPaginate": true, //开关,是否显示分页器
"bSort": false, //是否可排序
"oLanguage":{ //语言转换
"sInfo": "显示第 _START_ 至 _END_ 项结果,共_TOTAL_ 项",
"sLengthMenu": "每页显示 _MENU_ 项结果",
"oPaginate": {
"sFirst": "首页",
"sPrevious": "前一页",
"sNext": "后一页",
"sLast": "尾页"
}
}
});
-
分页条中显示数字页码的计算方法
2021-03-16 20:50:39页码多的时候,当前页始终保持是分页条中...}/*** 计算显示当前分页的起始页* @param pageNum 当前页码* @param pageCount 总页数* @param sideNum 分页系数 分页条中显示几个数字页码。* 显示数字页码个数 = 2 *...页码多的时候,当前页始终保持是分页条中显示的最中间那页。
public static void main(String[] args) {
calcPage(5, 20, 1);
}
/**
* 计算显示当前分页的起始页
* @param pageNum 当前页码
* @param pageCount 总页数
* @param sideNum 分页系数 分页条中显示几个数字页码。
* 显示数字页码个数 = 2 * sideNum + 1
*/
public static void calcPage(int pageNum,int pageCount,int sideNum){
int startNum = 0;
int endNum = 0;
if(pageCount<=sideNum){
endNum = pageCount;
}else{
if(pageNum<=(sideNum+1)){
endNum = 2*sideNum +1;
}else{
if((pageNum+sideNum)>pageCount){
endNum = pageCount;
}else{
endNum = pageNum + sideNum;
}
}
}
if(pageNum<=sideNum){
startNum = 1;
}else{
if((pageNum+sideNum)>pageCount){
startNum = pageCount - 2*sideNum;
}else{
startNum = pageNum - sideNum;
}
}
loopOut(startNum, endNum, pageNum);
}
/**
* 输出计算出来的当前分页详情
* @param startNum
* @param endNum
* @param pageNum
*/
public static void loopOut(int startNum,int endNum,int pageNum){
for (int i = startNum; i <= endNum; i++) {
if(i==pageNum){
//输出@符号,代表当前页
System.out.print(i+"@ | ");
}else{
System.out.print(i+" | ");
}
}
}
原文:http://my.oschina.net/ski/blog/294811
-
elementui分页传参--当前页-每页显示几条数据
2020-07-16 10:14:13分页axios的get传参html代码
<el-pagination background style=" margin: 50px 0; text-align: center" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-size="10" layout="prev, pager, next, jumper" :total="total"> </el-pagination>
js代码
data数据data:{ currentPage: 0, total:0,//总条数 page:1,//初始显示第几页 pageSize:10,//每页显示多少数据 dialogVisible: false },
js代码
methods
注意:getTabelInfo()也要在 mounted()调用methods: { handleSizeChange(val) { this.pageSize=val; this.getTabelInfo(); console.log(`每页 ${val} 条`); }, handleCurrentChange(val) { //当前为第几页时调用getTabelInfo()显示第几页数据 this.page=val; this.currentPage=val; this.getTabelInfo(); console.log(`当前页: ${val}`) }, getTabelInfo(){ let _that = this; PageNum=_that._data.page;//当前页 PageSize=_that._data.pageSize;//每页显示几条数据 axios.get('url', { params : { //请求参数 pageNum:PageNum, pageSize:PageSize, } }).then(function(response){ _that.tableData=response.data.object.list//将后台传递的数组赋值给定义的空数组 _that.total=response.data.object.total }).catch(function(response){ console.log(response);//发生错误时执行的代码 }) }, }
分页效果,每页显示多少数据就完成啦!!!
-
每页显示5条数据。 * 请你计算 我可以分几页。
2015-11-09 09:49:41分页: * 加入从数据库中 查询出 ?条数据。 * 每页显示5条数据。 * 请你计算 我可以分几页。 -
JSP 分页显示技术
2020-12-14 13:57:21首先计算出从数据库中选取的记录总数,再根据每页需要显示的记录数确定共有多少页,显示时通过循环控制每页记录的数量。其中最重要的是我们要知道当前应该显示第几页,所以通过地址栏传参的方式实现,在页面跳转的... -
分页加载中总页数以及起止条数计算公式
2020-02-24 18:56:50pageSize:每页数据条数 total:总数据条数 公式 计算起始条数firstIndex的值 firstIndex=(currPage-1)*pageSize 计算截止条数lastIndex的值lastIndex = currPage*pageSize 计算总页码数pages... -
【每日一练:SQL】oracle分页查询,每页查询10条数据
2019-02-26 11:29:09分页查询,每页查询10条数据 数据库版本:Oracle 11g 解答: --创建测试数据 create table tb_sales(year int,season int,sale int); --插入数据 insert into tb_sales values(2017,1,11); insert into tb_... -
java分页int pageSize:每页显示多少条记录
2011-03-04 20:58:58int pageSize:每页显示多少条记录 int pageNow:希望显示第几页 int pageCount:一共有多少页 int rowCount:一共有多少条记录 说明: pageSize是指定的 pageNow是用户选择的 rowCount是计算出来的 该计算式为 if... -
elementui el-table 分页,每页10条时,第二页序号从11开始显示的问题
2020-03-06 10:05:07label="序号" type="index" width="50" align="center"> slot-scope="scope"> <span>{{(page.currentPage -... pageSize: 10, // 每页显示条目个数 totalCount: 0 // 总条目数 }, -
ASP分页时计算页面总数的几种算法小结
2020-10-28 04:54:01今天在用ASP做项目时用到了分页,其中计算页面总数时让我折腾了半天,当设置每页显示的记录数不同时,计算页面总数总是有误,于是在网上查看别人的算法,现拿来分享相关代码 -
根据总条数和每页数据计算页数
2019-11-20 17:07:59分页总数计算,根据总记录数获取分页总数 int pageSize = 20; //每页记录数量 int totalCount = 100005; //总记录数 int pageCount; //总页数 //方法一: pageCount = (totalCount + pageSize - 1) / pageSize; //... -
vue2自定义分页组件,可设置每页显示数量,指定跳转具体页面
2019-03-06 14:07:20分页组件 <template> <div> <div class="page-helper" v-if="showPageHelper"> <div class="page-list"> ... -
java分页计算
2021-02-26 14:34:10java仿google的分页算法1.现将数据从数据库读取出来封装一个java类中,在java类中计算public class Page {//成员变量//当前页private int nowpage;//总记录数private int countrecord;...// 每页显示的... -
Java分页查询--分页显示(实例讲解)
2020-08-29 17:17:53下面小编就为大家带来一篇Java分页查询--分页显示(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 -
split分页中每页首条记录索引的计算方法
2016-08-28 19:40:00简单的分页显示。。 -
JS实现动态设置每页显示固定行数
2021-06-12 08:38:451)添加下拉框控件 area 和 pageSize ,area 绑定 ds2 单选货主地区,pageSize 自定义10-50单选每页显示的行数,如下图所示: 2)添加文本控件,分别为 fr_pagenumer 、totalPage 、totalCount ,其中 ... -
layui table 获取分页当前每页总记录数
2019-12-09 14:42:36layui table 会自动封装table各种参数,但是当业务需要,需要获取当前每页总记录时 例子 done: function (res, curr, count) { var pageSize = eval('(' + $(".layui-laypage-limits").find("option:selected")... -
table分页点击最后一页按钮不是显示剩余条数,而是默认显示每页条数
2014-07-12 10:56:491.设置每页显示5条,共33条数据. 2.点击第七页时,数据显示正常,最后一页显示三条. 3.点击最后一页按钮时,数据显示不正常 最后一页显示5条. -
js根据页面高度,确定显示条数,并进行分页
2017-11-10 08:45:07怎么实现根据页面的高度,确定页面展示数据的条数,进而对从数据库中查出来的数据进行分页……(页面高度变化的时候,当页展示条数,页码什么的都会发生变化……) 哪位大神给个栗子啊?小萌新求助!!! -
js调用ajax根据后台返回的总数前端设置每页的条数实现分页功能
2018-10-17 17:41:51有时候前端需要实现分页功能,但是后台只给我们返回来总数,每页显示多少条数据需要我们前端来设置,貌似这个有点欺负人,哈哈哈。。话不多说直接上代码: (这里需要用到layui插件,js文件自己去官网下载哦) var... -
创建数据,分页显示,输入要查看的页码,显示指定数据,每页显示10条数据...
2019-07-03 17:29:00# 编写代码,分页显示内容,通过for循环,创建300条数据,数据类型不限,如:alex-1alex1@live.com1,alex-2alex2@live.com2,alex-3alex3@live.com3,...当用户输入指定的页码,则显示指定数据,每页显示10条数据,... -
js根据数据条数与每页多少条数据计算页数,js前端计算页数
2016-04-18 10:12:44js根据数据条数与每页多少条数据计算页数,js前端计算页数 -
用ODBC的分页显示
2021-01-20 00:11:27//设置每页显示数目 //计算总记录数 $rs_num = select count(*) as id from table; $rs_num = odbc_exec($conn_id,$rs_num); $rs_num = odbc_result($rs_num,id); //计算总页数 $pagecount = $rs_num / $... -
分页之页面页码列表计算
2021-02-28 12:10:38分页之页面页码列表计算我们通过看百度的分页可以发现以下规律:1.最多显示10个页码;2.当前页在页码中的位置定为六;所以只需要当前页码来定出来页码列表,定下来页码列表只需要两个数据:begin,end;需要使用pc... -
Laravel限制条数再分页
2019-03-22 11:59:58当你限制了2条查询数据以id倒叙想要将这2条进行分页,一页1条。 一般情况是这样写的: $admin = Admin::orderBy('id','desc')->limit(2)->paginate(1); 数据表 id name password last_token created_at ... -
使用MySQL实现分页查询
2021-02-02 00:49:35本文关键字:MySQL、分页查询、真分页、假分页、LIMIT在项目... 什么是分页一般在客户端实现分页功能的时候,要显示当前页的数据、当前所在页数、临近页面的按钮以及总页数等等。这些数据随着翻页的进行能够动态的... -
MySql根据当前页pageNo、显示条数pageSize,实现分页查询的SQL
2019-09-22 22:47:01客户端通过传递start(页码),limit(每页显示的条数)两个参数去分页查询数据库表中的数据,那我们知道MySql数据库提供了分页的函数limit m,n,但是该函数的用法和我们的需求不一样,所以就需要我们根据实际情况去改写... -
ASP 分页程序 显示页码 数字 1-10
2008-09-06 16:04:19ASP 分页程序 显示页码 数字 1-10 非常难得的程序 推荐 大家共享下!!! -
PHP分页显示的方法分析【附PHP通用分页类】
2020-12-17 22:29:01本文实例讲述了PHP分页显示的方法。分享给大家供大家参考,具体如下: <?php header("content-type:text/html;charset=utf-8"); $currentpage = 1; if(isset($_GET['page'])) $currentpage = $_GET['page']; //...