前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >php分页样式,thinkphp分页样式修改

php分页样式,thinkphp分页样式修改

作者头像
全栈程序员站长
发布2022-09-09 11:23:59
8.6K0
发布2022-09-09 11:23:59
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

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

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

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

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

这是效果图

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

首先当然是修改tp的样式

configs = setting -> showAll();

count = msg->where(‘chose=1’)->count();

Page = new \Think\Page(count,

msgs = msg->where(‘chose=1’)->order(‘id desc’)->limit(Page->firstRow.’,’.

$Page->setConfig(‘prev’,’上一页’);

$Page->setConfig(‘first’,’首页’);

$Page->setConfig(‘next’,’下一页’);

show = Page->show();

this->assign(‘list’,

this->assign(‘page’,

这一步是修改“《” “》”符号,所以还需要改css样式

.pagination a,.pagination .current{

font-size: 18px;

margin-right: 10px;

}

.pagination .current{

color: red;

}

在html模板中的内容是:

{$page}

下面是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(当前页)。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/160611.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档