ThinkPHP3.2.3分页样式自定义

 余温
2018年03月03日 14时33分
 php

首先要搞清楚的就是ThinkPHP3.2.3的分页类已经被移到了Think\Page.class.php,这是跟以前的版本有些不一样的,使用起来还是跟以前版本差不多,但是默认的效果不敢恭维,所以最好是自己加些样式。
我加了一些样式(不怎么好看),大家可以自行的再去改进分页样式,效果图:


这里我有先把page的设置做成了一个函数getpage,将这个方法放到Application\Common\Common\function.php(注意function不是类)中方便其他地方调用,代码如下:

[php] view plain copy

  1. <?php  

  2. /** 

  3.  * TODO 基础分页的相同代码封装,使前台的代码更少 

  4.  * @param $count 要分页的总记录数 

  5.  * @param int $pagesize 每页查询条数 

  6.  * @return \Think\Page 

  7.  */  

  8. function getpage($count$pagesize = 10) {  

  9.     $p = new Think\Page($count$pagesize);  

  10.     $p->setConfig('header''<li class="rows">共<b>%TOTAL_ROW%</b>条记录 第<b>%NOW_PAGE%</b>页/共<b>%TOTAL_PAGE%</b>页</li>');  

  11.     $p->setConfig('prev''上一页');  

  12.     $p->setConfig('next''下一页');  

  13.     $p->setConfig('last''末页');  

  14.     $p->setConfig('first''首页');  

  15.     $p->setConfig('theme''%FIRST%%UP_PAGE%%LINK_PAGE%%DOWN_PAGE%%END%%HEADER%');  

  16.     $p->lastSuffix = false;//最后一页不显示为总页数  

  17.     return $p;  

  18. }  

  19. ?>  



控制器中使用的代码如下:

[php] view plain copy

  1. public function showAllUsers() {  

  2.         $m = M('User');        

  3.         $where = "id>10";  

  4.         $count = $m->where($where)->count();  

  5.         $p = getpage($count,1);  

  6.         $list = $m->field(true)->where($where)->order('id')->limit($p->firstRow, $p->listRows)->select();  

  7.         $this->assign('select'$list); // 赋值数据集  

  8.         $this->assign('page'$p->show()); // 赋值分页输出  

  9.         $this->display();  

  10.     }  



接下来在View中的使用:

[html] view plain copy

  1. <!DOCTYPE html>  

  2. <html>  

  3.   

  4.     <head>  

  5.         <meta charset="UTF-8">  

  6.         <title></title>  

  7.         <!--分页的样式,这里可以单独写成一个css文件-->  

  8.         <style>  

  9.             .pages a,  

  10.             .pages span {  

  11.                 display: inline-block;  

  12.                 padding: 2px 5px;  

  13.                 margin: 0 1px;  

  14.                 border: 1px solid #f0f0f0;  

  15.                 -webkit-border-radius: 3px;  

  16.                 -moz-border-radius: 3px;  

  17.                 border-radius: 3px;  

  18.             }  

  19.               

  20.             .pages a,  

  21.             .pages li {  

  22.                 display: inline-block;  

  23.                 list-style: none;  

  24.                 text-decoration: none;  

  25.                 color: #58A0D3;  

  26.             }  

  27.               

  28.             .pages a.first,  

  29.             .pages a.prev,  

  30.             .pages a.next,  

  31.             .pages a.end {  

  32.                 margin: 0;  

  33.             }  

  34.               

  35.             .pages a:hover {  

  36.                 border-color: #50A8E6;  

  37.             }  

  38.               

  39.             .pages span.current {  

  40.                 background: #50A8E6;  

  41.                 color: #FFF;  

  42.                 font-weight: 700;  

  43.                 border-color: #50A8E6;  

  44.             }  

  45.         </style>  

  46.     </head>  

  47.   

  48.     <body>  

  49.   

  50.         <div class="pages">  

  51.             {$page}  

  52.         </div>  

  53.   

  54.     </body>  

  55.   

  56. </html>  

上面的css样式可以单独分离出来,这里只为简单展示分页样式的效果,就合在一起写了。


上一篇: h5上传图片
{{vo.nickname}}:{{vo.content}}

{{vo.time}} 回复


  • {{level.nickname}} 回复 {{level.father_nickname}}{{level.content}}
  • {{level.time}} 回复


@
登陆后评论