首页 > 教程 >
Thinkphp自带分页类样式转Bootstrap分页样式
2023-02-14教程围观次
简介分享一段使用Thinkphp自带分页类样式转为Bootstrap分页样式的代码,首先我们看看效果图:无需改动tp的page类文件,只需把输出模板的html代码用我这个bootstrap_page_style函数替换即可变成Bootstrap分页样式注意:我使用的tp框架为3.2.3、Bootstrap为v3.3.0版本,其他版本大同小异,可以根据这个函数自行修改!函数代码:/***Thinkphp
分享一段使用 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% % _PAGE% %DOWN_PAGE% %END%');$page_show = bootstrap_page_style($Page->show());//重点在这里$this->assign('page_show'=>$page_show);
怎么样?是不是很简单,喜欢的拿去用在自己的项目中吧^_^
下载链接:网站源码/小程序源码/网站模板下载
下载排行
最新发布
-
最新去水印小程序源码分享/无需后台/对接接口/支持全网去水印功能
-
群多多社群人脉H5-2.1.4多开插件+小程序独立前端+搭建教程
-
七夕情侣飞行棋游戏限定版本源码/解锁版
-
苹果CMS海螺模版V20修复版/加广告代码
-
宠物社区风格 商业版(GBK)Discuz模板
-
全新UI基于Thinkphp的最新自助打印系统/云打印小程序源码/附教程
-
易优CMS家纺家居装饰类网站模板/EyouCMS家具家居类企业网站模板
-
EyouCMS艺术***摄影工作室网站模板/易优CMS摄影工作室网站模板
-
易优CMS响应式精品茶具实木茶盘销售网站模板/EyouCMS响应式酒水饮料类企业网站模板
-
EyouCMS响应式推土机挖掘机机械类网站模板/易优CMS机械设备类企业网站模板