实现从数据库中查出来数据并且实现分页:
思路:
固定每一页只能放多少条数据,然后通过数据库查询语句每次查询这么多条数据
实现:
页面上写入俩个按钮,进行翻页操作。
首先将全部的条数查询出来,将其传到页面。(在页面初始化的)
初始化页面的时候,page = 0与全部的数据条数除以每页展示多少条对比,对上诉俩个按钮进行控制:
var page_total = Math.ceil($('#page_total').val()/8 -1);
//这里是获取全部的数据条数除以每页展示多少条并且取出整数,例如:7.123543543 ==== 8
当当前页数是第一页时:不能点击上一页if(page == 0){ $('.uppage').addClass('disabled'); $('.nextpage').removeClass('disabled');}else if(page == page_total){
当当前页数是最后一页时:不能点击下一页 $('.nextpage').addClass('disabled'); $('.uppage').removeClass('disabled');}else {
否则即可以点击上一页,又可以下一页 $('.uppage').removeClass('disabled'); $('.nextpage').removeClass('disabled');}
$('.uppage').on('click',function () {
//点击上一页,重新发送请求,将当前页数减一,然后将参数传递到请求 page = page - 1; $("#spanid").html(page+1); handleattack(page); paging(page);});$('.nextpage').on('click',function () {
//点击上一页,重新发送请求,将当前页数减一,然后将参数传递到请求 page = page + 1; $("#spanid").html(page+1); handleattack(page); paging(page);});
数据库的实现:
当数据传到数据库时,我们可以通过sql语句进行分页操作:
查询第1条到第10条的数据的sql是:select * from table limit 0,10; ->对应我们的需求就是查询第一页的数据:select * from table limit (1-1)*10,10;
查询第10条到第20条的数据的sql是:select * from table limit 10,20; ->对应我们的需求就是查询第二页的数据:select * from table limit (2-1)*10,10;
查询第20条到第30条的数据的sql是:select * from table limit 20,30; ->对应我们的需求就是查询第三页的数据:select * from table limit (3-1)*10,10;