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

php分页样式,thinkphp分页样式修改用tp框架内置的分页很容易实现分页功能。首先是实例化数据表,然后统计数据,最后进行实例化分页类并按自己需要显示。但是内置的分页样式可能不喜欢,感觉不是那么友好。所有可以个性化修改一下。手册也提供了方法进行修改个性化样式。这是效果图这个分页效果我还是蛮喜欢的,作为我留言吧的分页足够了。首先当然是修改tp的样式$configs=$setting->showAll();$count=$…

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

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

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

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

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

这是效果图

20170601071338_94006.png

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

首先当然是修改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模板中的内容是:

下面是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.net/160611.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 全网最全python爬虫精进

    全网最全python爬虫精进4.25(第一天)**第0关认识爬虫**1、初始爬虫爬虫,从本质上来说,就是利用程序在网上拿到对我们有价值的数据。2、明晰路径2-1、浏览器工作原理(1)解析数据:当服务器把数据响应给浏览器之后,浏览器并不会直接把数据丢给我们。因为这些数据是用计算机的语言写的,浏览器还要把这些数据翻译成我们能看得懂的内容;(2)提取数据:我们就可以在拿到的数据中,挑选出对我们有用的数据;(3)存储数据:将挑选出来的有用数据保存在某一文件/数据库中。2-2、爬虫工作原理(1)获取数据:爬虫程序会根据

    2022年5月27日
    34
  • 用量子纠缠同步你的大脑?阿里云疑似发明量子智能!「建议收藏」

    用量子纠缠同步你的大脑?阿里云疑似发明量子智能!

    2022年4月2日
    42
  • 关于使用冒泡法_用冒泡法对5个数排序

    关于使用冒泡法_用冒泡法对5个数排序关于使用冒泡法publicclassMain{publicstaticvoidmain(Stringargs[]){intscore[]={89,-23,64,91,119,52,73};Mainm=newMain();m.printScore(score);}public

    2022年10月10日
    0
  • cocos2d-x lua 内存回收

    cocos2d-x lua 内存回收

    2021年12月8日
    41
  • python自学基础1week

    python自学基础1week一、python老师介绍二、为什么要学习python?三、学习python有前途吗?疗程1:语言基础疗程2:网络编程疗程3:web基础开发疗程4:算法&设计模式疗程5:pytho

    2022年7月6日
    20
  • 海思35xx实现GT911触摸屏功能「建议收藏」

    海思35xx实现GT911触摸屏功能「建议收藏」海思35xx通过gpio模拟i2c实现GT911触摸功能1.遇到的问题地址选配后一直不对,首先检测硬件问题,然后通过调试驱动部分,打印调试从设备给的ack(没有逻辑分析仪);发现寄存器地址一直为FF或00,检查发现GT911地址均为16bit,而读写i2c接口是8位的;成功后点击触摸板点击位置与实际不一致;可以进行坐标转换;2.网上下载GT91xx编程指南文件电容触摸芯片GT911Datasheet文件3.Datasheet分析(1)gpio模拟时,可能需要注意这个延时时间;

    2022年6月22日
    53

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号