博客文章已转移到新地址,本地址暂时保留,新文章仅在新地址更新。[置顶]

thinkphp分页样式修改

作者:小宝 2017-06-01 15:06:22

用tp框架内置的分页很容易实现分页功能。

首先是实例化数据表,然后统计数据,最后进行实例化分页类并按自己需要显示。

但是内置的分页样式可能不喜欢,感觉不是那么友好。所有可以个性化修改一下。

手册也提供了方法进行修改个性化样式。

这是效果图

这个分页效果我还是蛮喜欢的,作为我留言吧的分页足够了。

首先当然是修改tp的样式

    $configs = $setting -> showAll();
    $count = $msg->where('chose=1')->count();
    $Page = new \Think\Page($count,$configs['index_count']);    
    $msgs = $msg->where('chose=1')->order('id desc')->limit($Page->firstRow.','.$Page->listRows)->select();
    $Page->setConfig('prev','上一页');
    $Page->setConfig('first','首页');
    $Page->setConfig('next','下一页');    
    $show = $Page->show();
    $this->assign('list',$list);
    $this->assign('page',$show);
这一步是修改“《” “》”符号,所以还需要改css样式

.pagination a,.pagination .current{
	font-size: 18px;
	margin-right: 10px;		
}
.pagination .current{
	color: red;		
}
在html模板中的内容是:


<div class="pagination">
	{$page}
</div>

下面是tp的手册说明:

分页样式定制
我们可以对输出的分页样式进行定制,分页类Page提供了一个setConfig方法来修改默认的一些设置。例如: 

$Page->setConfig('header','个会员');
setConfig方法支持的属性包括: 

属性  描述  
header  头部描述信息,默认值 “共 %TOTAL_ROW% 条记录”  
prev  上一页描述信息,默认值 “<<”  
next  下一页描述信息,默认值 “>>”  
first  第一页描述信息,默认值 “1...”  
last  最后一页描述信息,默认值 “...%TOTAL_PAGE%”  
theme  分页主题描述信息,包括了上面所有元素的组合 ,设置该属性可以改变分页的各个单元的显示位置,默认值是 "%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END%"  

其中,显示位置的对应的关系为: 

位置  说明  
%FIRST%  表示第一页的链接显示  
%UP_PAGE%  表示上一页的链接显示  
%LINK_PAGE%  表示分页的链接显示  
%DOWN_PAGE%  表示下一页的链接显示  
%END%  表示最后一页的链接显示  

除了改变显示信息外,你还可以使用样式来定义分页的显示效果。 这些样式class包括:first(第一页)、prev(上一页)、next(下一页)、end(最后一页)、num(其他页的数字)、current(当前页)。 



©BRISKLAN;备案信息:桂ICP备16004757号-1