Tp框架实现好看分页效果

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);