简介分享一段使用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分页样式*@paramstring$page_htmltp默认输出的分页html代码*@returnstring新的分页html代码*/functionbootstrap_page_style($page_html){if($page_html){$page_show=str_replace('<div>','<nav><ulclass="pagination">',$page_html);$page_show=str_replace('</div>','</ul></nav>',$page_show);$page_show=str_replace('<spanclass="current">','<liclass="active"><a>',$page_show);$page_show=str_replace('</span>','</a></li>',$page_show);$page_show=str_replace(array('<aclass="num"','<aclass="prev"','<aclass="next"','<aclass="end"','<aclass="first"'),'<li><a',$page_show);$page_show=str_replace('</a>','</a></li>',$page_show);}return$page_show;}
css代码:
.hwh-page-infoa{color:#CCC;}.hwh-page-infoaem{font-style:normal;margin:02px;}
使用实例代码:
$Page->lastSuffix=false;//最后一页不显示为总页数$Page->setConfig('header','<liclass="disabledhwh-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);
怎么样?是不是很简单,喜欢的拿去用在自己的项目中吧^_^
下载链接:网站源码/小程序源码/网站模板下载