Tp框架實現好看分頁效果

Json______發表於2017-09-18
框架
  1. /**
  2.  * Thinkphp預設分頁樣式轉Bootstrap分頁樣式
  3.  * @author H.W.H
  4.  * @param string $page_html tp預設輸出的分頁html程式碼
  5.  * @return string 新的分頁html程式碼

技術QQ交流群:294088839
  1.  */
  2. function bootstrap_page_style($page_html){
  3.     if ($page_html) {
  4.         $page_show = str_replace('<div>','<nav><ul class="pagination">',$page_html);
  5.         $page_show = str_replace('</div>','</ul></nav>',$page_show);
  7.         $page_show = str_replace('<span class="current">','<li class="active"><a>',$page_show);
  8.         $page_show = str_replace('</span>','</a></li>',$page_show);
  10.         $page_show = str_replace(array('<a class="num"','<a class="prev"','<a class="next"','<a class="end"','<a class="first"'),'<li><a',$page_show);
  11.         $page_show = str_replace('</a>','</a></li>',$page_show);
  12.     }
  13.     return $page_show;
  14. }
複製程式碼
css程式碼
  1. .hwh-page-info a{color: #CCC;}.hwh-page-info a em{font-style: normal;margin: 0 2px;}
複製程式碼
使用例項程式碼:
  1. $Page->lastSuffix = false;//最後一頁不顯示為總頁數
  2.         $Page->setConfig('header','<li class="disabled hwh-page-info"><a>共<em>%TOTAL_ROW%</em>條  <em>%NOW_PAGE%</em>/%TOTAL_PAGE%頁</a></li>');
  3.         $Page->setConfig('prev','上一頁');
  4.         $Page->setConfig('next','下一頁');
  5.         $Page->setConfig('last','末頁');
  6.         $Page->setConfig('first','首頁');
  7.         $Page->setConfig('theme','%HEADER% %FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END%');
  8. $page_show = bootstrap_page_style($Page->show());//重點在這裡
  9. $this->assign('page_show'=>$page_show);

相關文章