• 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分页样式

作者:站长图库 字体:[增加 减小] 来源:互联网

站长图库向大家介绍了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增加每页显示条数的方法

相关文章

  • 关于ThinkPHP6多例Redis类实现
  • Photoshop制作精致的黑光水晶导航按钮
  • 帝国cms中常用标签(总结)
  • 教你用PHP实现微信小程序人脸识别刷脸登录功能
  • 帝国CMS二次开发领号发号功能开发思路
  • 如何手机端判断浏览器的类型(JavaScript)
  • Photoshop设计颗粒质感艺术字教程
  • Photoshop制作渐变色导航背景
  • 关键词选择技巧之长尾关键词法
  • 如何实现PHP中如果让字符串直接解析函数

文章分类

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

最近更新的内容

    • 微信小程序中如何实现子向父传参(页面通信)
    • Illustrator绘制动感绚丽的广告背景
    • Photoshop制作破碎玻璃字体效果教程
    • 总结分享: 6 种JavaScript的打断点的方式(收藏学习)
    • 在非Laravel项目中怎么使用Validator验证器
    • Javascript如何实现json字符串与对象转换
    • 网站文字循环变色代码
    • Photoshop绘制逼真的老式收音机
    • 浅析uni-app中设置导航栏和修改默认端口的方法
    • 巧用PS蒙版扣去黑色背景火焰文字

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

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