Layui + php + Smarty 實現分頁

頁面內容   (分頁容器)

javascript

<div class="admin-table-page">
   <div id="page" class="page"></div>
</div>

 



javascript  代碼

php

//調用分頁
laypage({
    cont: 'page', //分頁容器的id
    pages: '{#$maxpage#}' //總頁數,
    groups: 5 //連續顯示分頁數,
    curr:'{#$currentPage#}' //當前頁數,
    jump: function(obj, first) {
    //獲得了當前頁,用於向服務端請求對應數據
    var curr = obj.curr;
    if(!first) {
       //layer.msg('第 '+ obj.curr +' 頁');
      window.location.href='index.php?page='+curr;
           }
    }
});

 



後臺php代碼   Index.phphtml

<?php
  $page=@$_GET['page']?$_GET['page']:1;
  $pagesize=10; //每頁顯示十條數據
  $sql_count="select count(*) as count from 表名 where 條件";
  $count=my_query($sql_count);
  $count_max=$count[0]['count']; //獲得全部記錄的數目
  if($count_max%$pagesize==0)
  {
    $maxpage=$count_max/$pagesize;
  }
  else
  {
    $maxpage=intval($count_max/$pagesize)+1;
  }

  if($page<1) //若是傳來的 $page小於1 就顯示第一頁
  { 
    $page=1;
  }
  if($page>$maxpage) //若是傳來的$page大於最大的頁數 就顯示最後一頁
  {
    $page=$maxpage;
  }
  $sql="select * from 表名 where 條件 limit ".($page-1)*$pagesize.",$pagesize"; 
  $res=my_query($sql); //my_query() 是本身封裝好的一個函數 結果輸出一個數組

  $smarty->assign("currentPage",$page); //當前頁數
  $smarty->assign("maxpage",$maxpage); //總頁數
  $smarty->assign('res',$res); //查找的記錄
  $smarty->display("templates/index.html");
?>

 

 

以上面寫的是layui前端框架+php+smarty 實現的分頁,但願對你們有所幫助!前端

相關文章
相關標籤/搜索