• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > Thinkphp自带分页类样式转Bootstrap分页样式

Thinkphp自带分页类样式转Bootstrap分页样式

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了Thinkphp分页,Bootstrap分页等相关知识,希望对您有所帮助

分享一段使用Thinkphp自带分页类样式转为Bootstrap分页样式的代码,首先我们看看效果图:

Thinkphp自带分页类样式转Bootstrap分页样式

无需改动tp的page类文件,只需把输出模板的html代码用我这个bootstrap_page_style函数替换即可变成Bootstrap分页样式

注意:我使用的tp框架为3.2.3、Bootstrap 为 v3.3.0 版本,其他版本大同小异,可以根据这个函数自行修改!

函数代码:

/** * Thinkphp默认分页样式转Bootstrap分页样式 * @param string $page_html tp默认输出的分页html代码 * @return string 新的分页html代码 */function bootstrap_page_style($page_html){    if ($page_html) {        $page_show = str_replace('<div>','<nav><ul class="pagination">',$page_html);        $page_show = str_replace('</div>','</ul></nav>',$page_show);        $page_show = str_replace('<span class="current">','<li class="active"><a>',$page_show);        $page_show = str_replace('</span>','</a></li>',$page_show);        $page_show = str_replace(array('<a class="num"','<a class="prev"','<a class="next"','<a class="end"','<a class="first"'),'<li><a',$page_show);        $page_show = str_replace('</a>','</a></li>',$page_show);    }    return $page_show;}

css代码:

.hwh-page-info a{color: #CCC;}.hwh-page-info a em{font-style: normal;margin: 0 2px;}

使用实例代码:

$Page->lastSuffix = false;//最后一页不显示为总页数$Page->setConfig('header','<li class="disabled hwh-page-info"><a>共<em>%TOTAL_ROW%</em>条  <em>%NOW_PAGE%</em>/%TOTAL_PAGE%页</a></li>');$Page->setConfig('prev','上一页');$Page->setConfig('next','下一页');$Page->setConfig('last','末页');$Page->setConfig('first','首页');$Page->setConfig('theme','%HEADER% %FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END%');$page_show = bootstrap_page_style($Page->show());//重点在这里$this->assign('page_show'=>$page_show);

怎么样?是不是很简单,喜欢的拿去用在自己的项目中吧^_^

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Thinkphp自带分页类样式转Bootstrap分页样式
  • thinkphp增加每页显示条数的方法

相关文章

  • 2022-04-29CSS怎样让图片旋转又反转回来
  • 2022-04-29织梦DedeCMS在自定义表单里加入验证码的方法
  • 2022-04-29js实现简单图片拖拽效果
  • 2022-04-29一起来聊聊JavaScript函数柯里化
  • 2022-04-29Phootoshop制作金属质感的字体教程
  • 2022-04-29uniapp适配到微信小程序需要注意些什么?
  • 2022-04-29Thinkphp6自定义配置文件以及调用(config文件夹下的配置)
  • 2022-04-29SyntaxHighlighter 去掉右侧滚动条的方法
  • 2022-04-29PS制作常用水晶按钮
  • 2022-04-29超酷的CSS3 loading预加载动画特效

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • Illustrator绘制心形效果的粉色海报
    • 掌握PHP中对数组进行排序的正确姿势
    • Phpcms自定义URL规则技巧
    • Vue 手势组件教程
    • 如何优化jQuery性能?优化方法汇总
    • php怎么去除重复的值
    • PHP高并发实例详解之商品库存超卖并发测试
    • DedeCMS V6 发布!织梦CMS V6 新版上线
    • Wordpress如何调用个人信息
    • 制作幸运星插画图

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有