zoukankan      html  css  js  c++  java
  • PHP+MySQL分页原理实现

      功能简介:包含上一页、下一页、首页、尾页、跳转页面等功能。

      编码寄语:化繁为简,则豁然开朗。

      运行截图:

      

      关键步骤:

    1. 创建数据库
      CREATE TABLE `page` (
        `ID` int(10) NOT NULL AUTO_INCREMENT,
        `NAME` varchar(10) DEFAULT NULL,
         PRIMARY KEY (`ID`) 
      ) 
    2. 传入页码:使用get方法
      $page=$_GET['p'];
    3. 根据页码显示数据:设置每页显示数量为pageSize,页码为page,则第page页显示的第一条数据ID为:(page-1)* pagesize 。SQL语句如下
      $sql="SELECT * FROM page order by id ASC LIMIT ".($page-1)*$pageSize .",{$pageSize}";
    4. 显示数据
      $result=mysqli_query($conn,$sql);
          //将数据显示到table中,并为table设置格式
          echo "<div class='content'>";
          echo "<table border=1 cellspacing=0 width=30% align=center>";
          echo "<tr><td>ID</td><td>NAME</td></tr>";
          while ($row = mysqli_fetch_assoc($result)) {
               echo "<tr>";
               echo "<td>{$row['ID']}</td>";
               echo "<td>{$row['NAME']}</td>";
               echo "<tr>";
          }
          echo "</table>";
          echo "</div>";
          //释放结果
          mysqli_free_result($result);
    5. 实现上一页、下一页功能
      $page_banner = "<a href='".$_SERVER['PHP_SELF']."?p=" .($page-1) . "'><上一页</a>";
      $page_banner .= "<a href='".$_SERVER['PHP_SELF']."?p=" .($page+1) . "'><下一页</a>";

      知识补充:$page_banner .= 作用是衔接;$_SERVER['PHP_SELF']表示当前正在执行的脚本的文件名。

    6. 以上四个步骤可以实现简单的分页效果。但page的值只能在地址栏手动输入更改,才能达到分页的效果。如地址栏输入:http://localhost/mypage.php?p=5  表示当前显示的是第五页。
    7. 完善阶段:page值通过页码栏获取;首页、尾页、跳转功能的实现;界面美化。
    8. 完整代码如下:mypage.php
      <!DOCTYPE html>
      <html>
      <head>
          <meta http-equiv="Content-type" content="text/html;charset=utf-8">
      </head>
      <style type="text/css">
          body{
              font-size: 12px;font-family: verdana; 100%;
          }
          div.page{
              text-align: center;
          }
          div.content{
              height: 300px;
          }
          div.page a{
              border:#aaaadd 1px solid;text-decoration: none;padding: 2px 5px 2px 5px;margin: 2px;
          }
          div.page span.current{
              border:#000099 1px solid;background-color: #000099;padding: 2px 5px 2px 5px;margin: 2px;color: #fff;font-weight: bold;
          } 
          div.page span.disable{
              border:#eee 1px solid;padding:2px 5px 2px 5px; margin: 2px;color:#ddd;
          }
          div.page form{
              display: inline;
          }
      </style>
      <body>
      <?php
          //设置级别错误,通知类除外
          error_reporting('E_ALL&~E_NOTICE');  
          /**1---传入页码,使用GET获取**/
          $page=$_GET['p'];
          /**2---根据页码取出数据:php->mysql处理**/
          $host="localhost";
          $username="root";
          $password="";
          $db="test";
          $pageSize=10;
          $showPage=5; 
          //连接数据库,面向过程
          $conn=mysqli_connect($host,$username,$password);
          if(!$conn){
              echo "数据库连接失败";
              exit;
          }
          //选择所要操作的数据库
          mysqli_select_db($conn,$db);
          //设置数据库编码格式
          mysqli_query($conn,"SET NAMES UTF8");
          //编写sql获取分页数据 SELECT * FROM 表名 LIMIT 起始位置,显示条数
          $sql="SELECT * FROM page order by id ASC LIMIT ".($page-1)*$pageSize .",{$pageSize}";
          //把sql语句传送到数据库
          $result=mysqli_query($conn,$sql);
          //将数据显示到table中,并未table设置格式
          echo "<div class='content'>";
          echo "<table border=1 cellspacing=0 width=30% align=center>";
          echo "<tr><td>ID</td><td>NAME</td></tr>";
          while ($row = mysqli_fetch_assoc($result)) {
               echo "<tr>";
               echo "<td>{$row['ID']}</td>";
               echo "<td>{$row['NAME']}</td>";
               echo "<tr>";
          }
          echo "</table>";
          echo "</div>";
          //释放结果
          mysqli_free_result($result);
          //获取数据总条数
          $total_sql="SELECT COUNT(*)FROM page";
          $total_result=mysqli_fetch_array(mysqli_query($conn,$total_sql));
          $total=$total_result[0];
          $total_pages=ceil($total/$pageSize);
          //关闭数据库
          mysqli_close($conn);
          /**3---显示数据+显示分页条**/
          $page_banner="<div class='page'>";
          //计算偏移量
          $pageoffset=($showPage-1)/2;
          //两种情况下 首页、上一页 的显示效果
          if($page>1){
              $page_banner .= "<a href='".$_SERVER['PHP_SELF']."?p=1'>首页</a>";
              $page_banner .= "<a href='".$_SERVER['PHP_SELF']."?p=" .($page-1) . "'><上一页</a>";
          }else{
              $page_banner .="<span class='disable'>首页</span>";
              $page_banner .="<span class='disable'><上一页</span>";
          }
          //显示
          $start=1;
          $end=$total_pages;
          //当总条数大于分页数时
          if($total_pages>$showPage){
              if($page>$pageoffset+1){
                  $page_banner .="...";
              }
              if($page>$pageoffset){
                  $start=$page-$pageoffset;
                  $end=$total_pages>$page+$pageoffset?$page+$pageoffset:$total_pages;//三段式
              }
              //最前面几个特殊页号的显示。当前指的是页号1或者2时
              else{
                  $start=1;
                  $end=$showPage;
              }
              //最后面几个特殊页号的显示,当前显示的是页号7和8
              if($page+$pageoffset>$total_pages){
                  $start=$start-($page+$pageoffset-$end);//注意理解这一句
              }
          }
          //显示页码
          for($i=$start;$i<=$end;$i++){
              //当前页页码上显示背景色
              if($page==$i){
                  $page_banner .="<span class='current'>{$i}</span>";
              }
              //非当前页码显示
              else{
                  $page_banner .= "<a href='".$_SERVER['PHP_SELF']."?p=" .$i . "'>{$i}</a>";    
              }    
          }
          if($total_pages>$showPage&&$total_pages>$page+$pageoffset){
              $page_banner .="...";    
          }
          //两种情况下的尾页、下一页 的显示效果
          if($page<$total_pages){
              $page_banner .= "<a href='".$_SERVER['PHP_SELF']."?p=" .($page+1) . "'>下一页></a>";
              $page_banner .= "<a href='".$_SERVER['PHP_SELF']."?p=$total_pages'>尾页</a>";
          }else{
              $page_banner .="<span class='disable'>尾页</span>";
              $page_banner .="<span class='disable'>下一页></span>";
          }
          $page_banner .= "共{$total_pages}页,";
          $page_banner .= "<form action='mypage.php' method='get'>";
          $page_banner .= " 到第<input type='text' size=2 value='1' name='p'>页";
          $page_banner .= "<input type='submit' value='确定'>";
          $page_banner .= "</form>";
          $page_banner .= "</div>";
          echo $page_banner;
      ?>
      </body>
      </html>   
  • 相关阅读:
    用vs调试sql存储过程
    Html插入Flash.object.embed.swf各个参数值详解介绍[等比例缩放]
    SQL SERVER分区具体例子详解
    C#身份证识别相关技术
    C#调用Java方法(详细实例)
    Visual Studio各版本工程文件之间的转换
    彻底解决asp.net mvc5.2.2:vs2013 cshtml视图文件报错(当前上下文中不存在名称“model”,ViewBag,Url)
    HTML 5 Web 本地存储
    让WeuiPicker隐藏日期中的日,只保留年月
    javascript获取值
  • 原文地址:https://www.cnblogs.com/promiseslc/p/8343894.html
Copyright © 2011-2022 走看看