2023年6月21日发(作者：)

php实现⽹页上⼀页下⼀页翻页过程详解前⾔这⼏天做项⽬因为数据太多，需要对信息进⾏上下翻页展⽰，就⾃⼰写了翻页的代码⼤致功能就是页⾯只显⽰⼏条信息，按上⼀页、下⼀页切换内容，当显⽰第⼀页时上⼀页和⾸页选项不可选，当页⾯加载到最后⼀页时下⼀页和尾页选项不可选具体效果如下：实现代码1）原⽣PHP⽅法先说⼀下总思路吧，⾸先我们要查询所有符合条件需要进⾏分页的总数据，计算展⽰的总页数。然后获取当前显⽰的是第⼏页信息，⽤当前页数每页数据条数表⽰为总数据的第⼏条，再根据限制条件查询出当前页所需显⽰出来的数据。将每⼀条数据echo替换HTML结构内容中，最后显⽰出来关于分页的限制条件很简单，只要查询到当前页为第1页时，⾸页和上⼀页选项跳转链接都固定在第⼀页同时设置选项disabled不可选，尾页也是相同的步骤。具体代码如下：当前页cPage需要传过来，我的办法是初始cPage=*更多>>$row=$table->fetch()每次读取⼀条信息，得到的是⼀个索引数组，代码⾥的$row['id']表⽰$row⾥⾯名为id的值，也可表⽰为$(连接数据库)query("set names utf8");

    query("select * from news"); $total=$result->rowCount();//查询出来符合条件的总数 $pages=ceil($total/4);//分页的总页数

    $num = 4;//每页显⽰的数据条数 $cPage = $_GET['cPage'];//获取当前是显⽰的第⼏页 $start = $cPage * $num;//第⼀条数据 $table = $link->query("select * from news order by id desc limit {$start},$num"); $link = null;//销毁 while ($row=$table->fetch()){//每次读出⼀条数据，赋给$row //插⼊多⾏⽂本，把值替换掉 echo <<<_

  • {$row['title']} {$row['time']}

    {$row['content']}
    • _; } >
上下翻页：
2)ajax⽅法HTML代码，展⽰信息装在panel-body⾥⾯

JS代码： var html=$('#temp').html(); var curPage=0,pages=0; $.getJSON('php/',function (res) { pages=(res/4);/*获取信息的总页数*/ }); function show(cPage){//替换每⼀页的内容 $.getJSON('php/',{cPage:cPage},function (json) { var str=''; $('#list').empty(); h(function (el) { str+=e('{id}',).replace('{title}',).replace('{src}',) .replace('{content}',t).replace('{date}',); }); $('#list').html(str); }); $('#total').html((curPage+1)+'/'+pages); } setTimeout(function () { show(0); },100); $('#page').on('click','li',function () {//上下翻页，翻遍当前页的值 var i=$(this).data('i');//jquery⾥特有的获取data-*属性的⽅法 switch (i){ case 0:curPage=0;break; case 1:curPage>0?curPage--:0;break; case 2:curPage<(pages-1)?curPage++:pages-1;break; case 3:curPage=pages-1;break; } show(curPage); disabled(curPage); }) function disabled(curPage) {//关于临界值禁⽌选择 if (curPage==0){/*当前页为第⼀页，⾸页和上⼀页选项禁⽌点击*/ $('#index').addClass('disabled').next().addClass('disabled'); $('#end').removeClass('disabled').prev().removeClass('disabled'); } else if (curPage==pages-1){ $('#index').removeClass('disabled').next().removeClass('disabled'); $('#end').addClass('disabled').prev().addClass('disabled'); } else {/*当前页为最后⼀页，尾页和下⼀页选项禁⽌点击*/ $('#index').removeClass('disabled').next().removeClass('disabled'); $('#end').removeClass('disabled').prev().removeClass('disabled'); } }(连接数据库)query("set names utf8");（获取总页数）query("select * from news");$row=$result->rowCount();echo $row;（获取数据库⾥的数据）query("select * from news order by id desc limit {$start},$num");$link = null;while ($row=$result->fetch()){/*每⼀次读取⼀条数据*/$json[]=$row;/*把数据赋给json数组*/}echo json_encode($json);/*把json数组以json格式返回给HTML*/以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。

2023年6月21日发(作者：)

php实现⽹页上⼀页下⼀页翻页过程详解前⾔这⼏天做项⽬因为数据太多，需要对信息进⾏上下翻页展⽰，就⾃⼰写了翻页的代码⼤致功能就是页⾯只显⽰⼏条信息，按上⼀页、下⼀页切换内容，当显⽰第⼀页时上⼀页和⾸页选项不可选，当页⾯加载到最后⼀页时下⼀页和尾页选项不可选具体效果如下：实现代码1）原⽣PHP⽅法先说⼀下总思路吧，⾸先我们要查询所有符合条件需要进⾏分页的总数据，计算展⽰的总页数。然后获取当前显⽰的是第⼏页信息，⽤当前页数每页数据条数表⽰为总数据的第⼏条，再根据限制条件查询出当前页所需显⽰出来的数据。将每⼀条数据echo替换HTML结构内容中，最后显⽰出来关于分页的限制条件很简单，只要查询到当前页为第1页时，⾸页和上⼀页选项跳转链接都固定在第⼀页同时设置选项disabled不可选，尾页也是相同的步骤。具体代码如下：当前页cPage需要传过来，我的办法是初始cPage=*更多>>$row=$table->fetch()每次读取⼀条信息，得到的是⼀个索引数组，代码⾥的$row['id']表⽰$row⾥⾯名为id的值，也可表⽰为$(连接数据库)query("set names utf8");

    query("select * from news"); $total=$result->rowCount();//查询出来符合条件的总数 $pages=ceil($total/4);//分页的总页数

    $num = 4;//每页显⽰的数据条数 $cPage = $_GET['cPage'];//获取当前是显⽰的第⼏页 $start = $cPage * $num;//第⼀条数据 $table = $link->query("select * from news order by id desc limit {$start},$num"); $link = null;//销毁 while ($row=$table->fetch()){//每次读出⼀条数据，赋给$row //插⼊多⾏⽂本，把值替换掉 echo <<<_

  • {$row['title']} {$row['time']}

    {$row['content']}
    • _; } >
上下翻页：
2)ajax⽅法HTML代码，展⽰信息装在panel-body⾥⾯

JS代码： var html=$('#temp').html(); var curPage=0,pages=0; $.getJSON('php/',function (res) { pages=(res/4);/*获取信息的总页数*/ }); function show(cPage){//替换每⼀页的内容 $.getJSON('php/',{cPage:cPage},function (json) { var str=''; $('#list').empty(); h(function (el) { str+=e('{id}',).replace('{title}',).replace('{src}',) .replace('{content}',t).replace('{date}',); }); $('#list').html(str); }); $('#total').html((curPage+1)+'/'+pages); } setTimeout(function () { show(0); },100); $('#page').on('click','li',function () {//上下翻页，翻遍当前页的值 var i=$(this).data('i');//jquery⾥特有的获取data-*属性的⽅法 switch (i){ case 0:curPage=0;break; case 1:curPage>0?curPage--:0;break; case 2:curPage<(pages-1)?curPage++:pages-1;break; case 3:curPage=pages-1;break; } show(curPage); disabled(curPage); }) function disabled(curPage) {//关于临界值禁⽌选择 if (curPage==0){/*当前页为第⼀页，⾸页和上⼀页选项禁⽌点击*/ $('#index').addClass('disabled').next().addClass('disabled'); $('#end').removeClass('disabled').prev().removeClass('disabled'); } else if (curPage==pages-1){ $('#index').removeClass('disabled').next().removeClass('disabled'); $('#end').addClass('disabled').prev().addClass('disabled'); } else {/*当前页为最后⼀页，尾页和下⼀页选项禁⽌点击*/ $('#index').removeClass('disabled').next().removeClass('disabled'); $('#end').removeClass('disabled').prev().removeClass('disabled'); } }(连接数据库)query("set names utf8");（获取总页数）query("select * from news");$row=$result->rowCount();echo $row;（获取数据库⾥的数据）query("select * from news order by id desc limit {$start},$num");$link = null;while ($row=$result->fetch()){/*每⼀次读取⼀条数据*/$json[]=$row;/*把数据赋给json数组*/}echo json_encode($json);/*把json数组以json格式返回给HTML*/以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。