php 原生php分页，漂亮的分页

最新推荐文章于 2021-12-08 12:55:31 发布
最新推荐文章于 2021-12-08 12:55:31 发布
阅读量353 收藏 1
点赞数
分类专栏： php html css 文章标签： 分页 html php 原生
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34297991/article/details/101360361
版权
html 同时被 3 个专栏收录
36 篇文章 0 订阅
订阅专栏
php
34 篇文章 0 订阅
订阅专栏
css
12 篇文章 0 订阅
订阅专栏

效果：

 

1、php分页方法 

function page($count,$listRows,$curPage,$rowsmaxPage =null,$search=null){
    $search = isset($search)?$search:"";
    $rowsmaxPage = isset($rowsmaxPage)?$rowsmaxPage:10;
    $totalpage =ceil($count/$listRows);
    //存储页码字符串
    $pageNumString = "";
    if($curPage <=($rowsmaxPage/2)){
        $begin =1;
        $end = $totalpage>=$rowsmaxPage?$rowsmaxPage:$totalpage;
    }else{
        $end = $curPage +($rowsmaxPage/2)>$totalpage?$totalpage:$curPage +($rowsmaxPage/2);
        $begin =$end -$rowsmaxPage-1<=1?1:$end -$rowsmaxPage-1;
    }
    //实现上一页
    $prev = $curPage -1<=1?1:$curPage -1;
    $pageNumString .="<li><p>".$count." Record ".$curPage."/".$totalpage." PAGE</li>";
    $pageNumString .="<li><a href='".$_SERVER['PHP_SELF']."?curPage=1&search=".$search."'>首页</a></li>";
    $pageNumString .="<li><a href='".$_SERVER['PHP_SELF']."?curPage=$prev&search=$search'>&laquo;</a></li>";
 
    //根据起始页与终止页将当前页面的页码显示出来
    for($i=$begin;$i<=$end;$i++){
        //使用if实现高亮显示当前点击的页码
        if($curPage == $i){
            $pageNumString .= "<li><a class=\"active\" href='".$_SERVER['PHP_SELF']."?curPage=$i&search=$search'>$i</a></li>";
        }else{
            $pageNumString .= "<li><a href='".$_SERVER['PHP_SELF']."?curPage=$i&search=$search'>$i</a></li>";
        }
    }
    //实现下一页
    $next = $curPage +1 >=$totalpage?$totalpage:$curPage +1;
    $pageNumString .="<li><a href='".$_SERVER['PHP_SELF']."?curPage=$next&search=$search'>&raquo;</a></li>";
    $pageNumString .="<li><a href='".$_SERVER['PHP_SELF']."?curPage=$totalpage&search=$search'>尾页</a></li>";
    $pageNumString .="<li><input type='hidden' value='$totalpage' id='max'>
                           <input type='text' class='jump'  value=''>&nbsp;
                           <a onclick='jumpPage();' οnclick='javascript:;' style='margin-left: 3px;'>GO</a> 
                        
                      </li>";
    return $pageNumString;
}

2、跳页，js

 

//js片段代码
function jumpPage(){  
        var curPage = document.getElementsByClassName("jump")[0].value;
        var maxpage = document.getElementById("max").value;
        if(isNaN(curPage) || Number(curPage)<1){
            curPage = 1;
        }
        if(Number(curPage)>Number(maxpage)){
            curPage = maxpage;
            if(curPage==0){
                curPage=1;
            }
        }
        window.location="<?php echo $_SERVER['PHP_SELF'];?>?curPage="+curPage+"&search=<?php echo $search;?>";
    }

3、css代码片段

.page {
        text-align: center;
    }
    .page li {
        display: inline;
    }
    .page li a {
        color: black;
        padding: 6px 8px;
        text-decoration: none;
        transition: background-color .3s;
        border: 1px solid #ddd;
        margin: 2px;
        border-radius: 2px;
    }
    ul.page li .active {
        background-color: #4CAF50;
        color: white;
        border: 1px solid #4CAF50;
        display: inline-flex;
    }
    ul.page li a:hover:not(.active) {
        background-color: #ddd;
    }
    .jump{
        width: 30px;
        margin-left: 5px;
        height: 27px;
        border: 1px solid #ccc;
        border-radius: 3px;
    }
    .jump:focus{
        border: solid 1px #0f9ae0;
    }

总结：

1、修改数据库链接

2、修改表的名称

3、修改字段

直接运行

<?php   
function con(){
    $serverHost = "127.0.0.1";     //数据库地址
    $user = '';                      //数据库用户名
    $password = '';                 //数据库密码
    $dbName = "";
    header("content-type:text/html;charset=utf-8");
    $link=mysqli_connect($serverHost,$user,$password,$dbName);
 
    // 检查连接
    if (!$link) {
        die("连接错误: " . mysqli_connect_error());
    }
    mysqli_query($link,'set names utf8');//设置字符集
    return $link;
}
//显示总页数的函数
function taotalCount($sql){
    $link=con();
    $list = mysqli_query($link, $sql);
    $obj = mysqli_fetch_object($list);
    mysqli_close($link);
    return $obj->total;
}
//分页数据
function data($sql){
    $link=con();
    $result  = mysqli_query($link,$sql); //获取所有的数据
    $arr=array();
    while($t_result = mysqli_fetch_array($result,MYSQLI_ASSOC)){
        $arr[]=$t_result;
    }
    mysqli_free_result($result);
    mysqli_close($link);
    return $arr;
}
function page($count,$listRows,$curPage,$rowsmaxPage =null,$search=null){
    $search = isset($search)?$search:"";
    $rowsmaxPage = isset($rowsmaxPage)?$rowsmaxPage:10;
    $totalpage =ceil($count/$listRows);
    //存储页码字符串
    $pageNumString = "";
    if($curPage <=($rowsmaxPage/2)){
        $begin =1;
        $end = $totalpage>=$rowsmaxPage?$rowsmaxPage:$totalpage;
    }else{
        $end = $curPage +($rowsmaxPage/2)>$totalpage?$totalpage:$curPage +($rowsmaxPage/2);
        $begin =$end -$rowsmaxPage-1<=1?1:$end -$rowsmaxPage-1;
    }
    //实现上一页
    $prev = $curPage -1<=1?1:$curPage -1;
    $pageNumString .="<li><p>".$count." Record ".$curPage."/".$totalpage." PAGE</li>";
    $pageNumString .="<li><a href='".$_SERVER['PHP_SELF']."?curPage=1&search=".$search."'>首页</a></li>";
    $pageNumString .="<li><a href='".$_SERVER['PHP_SELF']."?curPage=$prev&search=$search'>&laquo;</a></li>";
 
    //根据起始页与终止页将当前页面的页码显示出来
    for($i=$begin;$i<=$end;$i++){
        //使用if实现高亮显示当前点击的页码
        if($curPage == $i){
            $pageNumString .= "<li><a class=\"active\" href='".$_SERVER['PHP_SELF']."?curPage=$i&search=$search'>$i</a></li>";
        }else{
            $pageNumString .= "<li><a href='".$_SERVER['PHP_SELF']."?curPage=$i&search=$search'>$i</a></li>";
        }
    }
    //实现下一页
    $next = $curPage +1 >=$totalpage?$totalpage:$curPage +1;
    $pageNumString .="<li><a href='".$_SERVER['PHP_SELF']."?curPage=$next&search=$search'>&raquo;</a></li>";
    $pageNumString .="<li><a href='".$_SERVER['PHP_SELF']."?curPage=$totalpage&search=$search'>尾页</a></li>";
    $pageNumString .="<li><input type='hidden' value='$totalpage' id='max'>
                           <input type='text' class='jump'  value=''>&nbsp;
                           <a onclick='jumpPage();' οnclick='javascript:;' style='margin-left: 3px;'>GO</a> 
                        
                      </li>";
    return $pageNumString;
}
//定义一个最大的页码数 
$rowsmaxPage = 6;
// 默认列表每页显示行数
$listRows = 10;
//总记录数SQL
isset($_REQUEST["search"])?($search= $_REQUEST["search"]):$search="";
$where = "1=1 "; 
$countsql = "SELECT count(*) as total FROM article where $where";
$count = taotalCount($countsql);
//当前页
$curPage = isset($_GET['curPage'])?($_GET['curPage']>ceil($count/$listRows)?ceil($count/$listRows):$_GET['curPage']):1;
//分页数据
$offset = ($curPage-1)*$listRows;
$sql = "SELECT artid,classid,title FROM article where $where
            limit $offset,$listRows";
$data = data($sql);
//分页样式
$page = page($count,$listRows,$curPage,$rowsmaxPage,$search);
?>
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>文章列表</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="css/ydui.css?rev=@@hash"/>
    <link rel="stylesheet" href="css/yui.css"/>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/ydui.js"></script>
</head>
<script >
    function jumpPage(){  
        var curPage = document.getElementsByClassName("jump")[0].value;
        var maxpage = document.getElementById("max").value;
        if(isNaN(curPage) || Number(curPage)<1){
            curPage = 1;
        }
        if(Number(curPage)>Number(maxpage)){
            curPage = maxpage;
            if(curPage==0){
                curPage=1;
            }
        }
        window.location="<?php echo $_SERVER['PHP_SELF'];?>?curPage="+curPage+"&search=<?php echo $search;?>";
    }
    function doSubmitForm() {
        var form = document.getElementById('form');
        form.submit();
    }
</script>
<style>
    .page {
        text-align: center;
    }
    .page li {
        display: inline;
    }
    .page li a {
        color: black;
        padding: 6px 8px;
        text-decoration: none;
        transition: background-color .3s;
        border: 1px solid #ddd;
        margin: 2px;
        border-radius: 2px;
    }
    ul.page li .active {
        background-color: #4CAF50;
        color: white;
        border: 1px solid #4CAF50;
        display: inline-flex;
    }
    ul.page li a:hover:not(.active) {
        background-color: #ddd;
    }
    .jump{
        width: 30px;
        margin-left: 5px;
        height: 27px;
        border: 1px solid #ccc;
        border-radius: 3px;
    }
    .jump:focus{
        border: solid 1px #0f9ae0;
    }
 
</style>
<body>
<section class="g-flexview">
    <header class="m-navbar">
        <div class="navbar-center"><span class="navbar-title">食品</span></div>
    </header>
    <form action="index.php" method="post" id="form">
        <div style="position: relative;top: 8px;z-index: 5000;height: 43px;" >
            <div class="input-group" style="width: 200px;float: right;right: 0;">
                <input type="text" class="form-control" value="<?php echo $search;?>" name="search">
                <span class="input-group-addon" style="background: #5cb85c;"οnclick='doSubmitForm()'>search</span>
            </div>
        </div>
    </form>
   <section class="g-scrollview">
        <div class="m-cell demo-small-pitch">
            <?php  foreach ($data as $k=>$vo ){?>
            <div class="cell-item" style="width: 100%">
                <div class="cell-right cell-arrow" >
                    <div style="width: 25%;text-align: left;"><?PHP echo $vo["artid"] ?></div>
                    <div style="width: 50%;text-align: left;"><?php echo $vo["classid"]?></div>
                    <div style="width: 22%;text-align: left;" ><?php echo $vo["title"]?></div>
                </div>
            </div>
            <?php }?>
        </div>
        <ul class="page">
           <?php echo $page;?>
        </ul>
    </section>
 
</section>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</body>
</html>

 

chengchengbox
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
PHP原生分页
08-09
php 原生分页，跳转到指定页面，支持关键字搜索后再跳转
php 原生分页
02-26
php原生分页，仅供参考，详细自己修改下；分享第一版，后续更新；
php 好看的数据分页,数据分页 | PhpPoem简洁优美的php框架
weixin_33096511的博客
04-02 99
使用系统自带分页函数将快速高效的实现分页，具体使用 \poem\more\page使用之前先 usepoem\more\page; 或者 直接\poem\more\pagecontroller中使用代码：$tb=m('img')->order('iddesc');$info=\poem\more\page::run($tb);assign($info);view中使用代码：{$...
原生php分页
夜空下的凝视
04-07 409
<?php $link=mysql_connect("localhost","root","admin")or die("connect error!"); //连接数据库 mysql_select_db("news")or die("select db error!"); //打开数据库news $sql="select * from liuyan ...
php原生数据库分页的代码实例
01-02
php原生数据库分页的代码如下： <?php header(Content-type:text/html;charset=utf-8); // 连接数据库 $con = mysql_connect(数据库地址,数据库账号,数据库密码); if (!$con){die('Could not connect: ' . mysql...
完美的php分页类
12-20
本文实例为大家分享了php分页类的具体代码，供大家参考，具体内容如下 <?php /** file: page.class.php 完美分页类 Page */ class Page { private $total; //数据表中总记录数 private $listRows; //每...
PHP超强高效分页类
05-11
PHP超强高效分页类，带例子 超强分页类，四种分页模式，默认采用类似baidu,google的分页风格。
php原生分页
fei1754294833的博客
12-14 2533
自写php原生分页
原生php查询怎么分页,PHP 原生开发 分页学习记录
weixin_42518981的博客
03-10 156
需要的效果分页效果图涉及的知识点记录MySQL: LIMIT可以使用 limit 返回前几条或者中间某几行数据SELECT * FROM table LIMIT [offset,] rows | rows OFFSET offsetLIMIT 子句可以被用于强制 SELECT 语句返回指定的记录数。LIMIT 接受一个或两个数字参数。参数必须是一个整数常量。如果给定两个参数，第一个参数指定第一个...
PHP简单漂亮的分页类（所有代码都有）
09-06
PHP简单漂亮的分页类 连接数据库，php代码，样式CSS，HTML等代码都有，只要修改下数据名称，表名就可以测试
精美漂亮的php分页类代码
10-27
非常精美的一款php分页类，可以直接应用到分页系统上，是一款mysql数据库分页必备的一个工具，只需要将类文件和分页CSS样式嵌入即可实现精美分页。
PHP简单漂亮的分页类（所有源码）
Jack Blog
01-02 3619
PHP简单漂亮的分页类（所有源码）
原生php分页功能-源码
初心 - 杨瑞超个人博客
08-22 764
欢迎加入qq群(IT-程序猿-技术交流群)：757345416 代码如下： &lt;?php $link=@MySQL_connect('localhost','root','密码'); mysql_select_db('数据库',$link); mysql_query('set names utf8'); $result=mysql_query("select * fro...
WordPress博客添加看板娘
THMAIL的博客
05-05 4531
效果如下: WordPress博客添加看板娘(送37套服饰) 1. 从我的github下载压缩包 该压缩包已经自带37套服饰、支持换装功能、支持经典动漫台词展示、未来还会支持钉宫日语50音发声喔~ 2. 将下载的压缩包 上传到网站的根目录,并解压 scp live2d_v1.0.zip root@xx.xx.xx.xx:/usr/local/nginx/html/vwh...
表单 Input 特效
非专业程序员小田
04-27 949
表单 Input 特效 *, *::before, *::after { box-sizing: border-box; } div.row { counter-increment: counterA; height: 20vw; padding-left: 15vw; position: relative; width: 100%; } div.
博客网站怎么简单快速添加看板娘
豪先生的博客
12-08 685
简单的加人3行代码即可 我是放在Wordress主题的sidebar.php(之前是放在footer.php)里面 <!--看板娘--> <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awes
http://www.discuz.net/forum.php?mod=viewthread&tid=611716&page=1&authorid=13759
热门推荐
aweiname2008的博客
08-17 2万+
好久没有开始写一篇像样的技术文档了，五一难得有这么多的时间，就早起来写一篇好的文章给大家吧~最近都忙一些自己的事情，没多少机会上网来回答问题，实在抱歉…… 好了，言归正传，这次我打算写一个系列的文章，把Discuz的核心文件的源代码一一分解解释出来，大家都知道Discuz的源代码是很经得起时间的考验的，是众多程序员智慧的结晶，我想大家能借鉴一下也是
php类如何做分页,php自己写的好看的分页类
weixin_35316459的博客
03-27 93
自己写的一个分页类 ，不是很完整，个别没有做验证，但可以使用，分页效果见文章底部。除了链接数据库的代码没有粘贴上来，其他的都粘贴了。供学习使用～1 pageSize = $pageSize; 19 $this->showPage = $showPage; 20 $this->count = $count; 21 $this->...
原生sql 分页
最新发布
05-30
在使用原生SQL查询时，可以通过使用 LIMIT 和 OFFSET 子句来实现分页。LIMIT 子句用于限制返回结果的数量，OFFSET 子句用于从结果集的指定位置开始返回结果。 例如，可以使用以下语句实现从第 10 条记录开始，返回 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值