首頁 > php教程 > PHP开发 > 主體

thinkphp分頁實現效果

高洛峰
發布: 2016-12-21 16:39:34
原創
1290 人瀏覽過

對於thinkphp分頁的實作效果,一共分為兩種一種是一種呼叫公用函數中的函數方法,而另一種是模型中書寫分頁的方法,以下就給需要的朋友來整理一下。

一、分頁方法

/**
 * TODO 基础分页的相同代码封装,使前台的代码更少
 * @param $m 模型,引用传递
 * @param $where 查询条件
 * @param int $pagesize 每页查询条数
 * @return \Think\Page
 */
function getpage(&$m,$where,$pagesize=10){
  $m1=clone $m;//浅复制一个模型
  $count = $m->where($where)->count();//连惯操作后会对join等操作进行重置
  $m=$m1;//为保持在为定的连惯操作,浅复制一个模型
  $p=new Think\Page($count,$pagesize);
  $p->lastSuffix=false;
  $p->setConfig(&#39;header&#39;,&#39;<li class="rows">共<b>%TOTAL_ROW%</b>条记录  每页<b>%LIST_ROW%</b>条  第<b>%NOW_PAGE%</b>页/共<b>%TOTAL_PAGE%</b>页</li>&#39;);
  $p->setConfig(&#39;prev&#39;,&#39;上一页&#39;);
  $p->setConfig(&#39;next&#39;,&#39;下一页&#39;);
  $p->setConfig(&#39;last&#39;,&#39;末页&#39;);
  $p->setConfig(&#39;first&#39;,&#39;首页&#39;);
  $p->setConfig(&#39;theme&#39;,&#39;%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END% %HEADER%&#39;);
 
  $p->parameter=I(&#39;get.&#39;);
 
  $m->limit($p->firstRow,$p->listRows);
 
  return $p;
}
登入後複製

getpage方法可以放在TP框架的Application/Common/Common/function.php,這個文件可以專門放置一些通用的方法,在哪裡都可以呼叫(如:Controller文件,View文件等)。

二、呼叫分頁方法

$m=M(&#39;products&#39;);
$p=getpage($m,$where,10);
$list=$m->field(true)->where($where)->order(&#39;id desc&#39;)->select();
$this->list=$list;
$this->page=$p->show();
登入後複製

   

再是View代碼

<div class="pagination">
  {$page}
</div>
登入後複製

三、最後就是分頁的樣式了,這個有些亂,因後台框架網上下載的,樣式還沒來的及整理樣式也可以自己實現,簡單的。

.pagination ul {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.pagination ul li {
 display: inline;
}
 
.pagination ul li.rows {
  line-height: 30px;
  padding-left: 5px;
}
.pagination ul li.rows b{color: #f00}
 
.pagination ul li a, .pagination ul li span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #fff;
  background: url(&#39;../images/bottom_bg.png&#39;) 0px 0px;
  border: 1px solid #d3dbde;
  /*border-left-width: 0;*/
  margin-left: 2px;
  color: #08c;
}
.pagination ul li a:hover{
  color: red;
  background: #0088cc;
}
.pagination ul li.first-child a, .pagination ul li.first-child span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}
.pagination ul .disabled span, .pagination ul .disabled a, .pagination ul .disabled a:hover {
color: #999;
cursor: default;
background-color: transparent;
}
.pagination ul .active a, .pagination ul .active span {
color: #999;
cursor: default;
}
.pagination ul li a:hover, .pagination ul .active a, .pagination ul .active span {
background-color: #f0c040;
}
.pagination ul li.last-child a, .pagination ul li.last-child span {
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}
 
.pagination ul li.current a{color: #f00 ;font-weight: bold; background: #ddd}
登入後複製

    

更多thinkphp分頁實現效果相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板