手机版

thinkphp实现分页显示功能

时间:2021-09-07 来源:互联网 编辑:宝哥软件园 浏览:

先上效果图,突然发现和B站上一样

IndexController.class.php代码如下

公共函数索引(){ $ M=M(' Info ');$ count=$ m-where($ where)-count();$ pageCount=10//每页显示数量$page=new \Think\Page($count,$ Page count);$ page-参数=$ row//此处的排是数组,为了传递查询条件$page-setConfig('header ','条留言');$page-setConfig('first ','首页');$page-setConfig('prev ','上一页');$page-setConfig('next ','下一页');$page-setConfig('last ','尾页');$page-setConfig('主题,' % FIRST % % UP _ PAGE % % LINK _ PAGE % % DOWN _ PAGE % % END % div id=' PAGE tips '第我(' p ',1).页/共%TOTAL_PAGE%页('.$pageCount .条/页共%TOTAL_ROW%条信息)/div ');$ show=$ page-show();$ list=$ m-where($ where)-order(' id desc ')-limit($ page-第一行),'.$ page-listRows)-select();$this-assign('infoList ',$ list);$this-assign('show ',$ show);$ this-display();}index.html代码如下

table class=' table table-悬停表-分条id='table' tr class='danger' th类别/th信息标题/th物品类型/th遗失/拾物时间/th遗失/拾物地点/th发布时间/th/tr foreach name=' infoList ' item=' VO ' tr TD { $ VO。info _ type }/TD TD { $ VO。info _ title }/TD TD { $ VO。thing _ type }/TD TD { $ VO。info _ time }/TD { $ VO。info _ place }/TD { $ VO。create _ time }/TD/tr/foreach/table div class=' page ' ul { $ show }/ul/div CSS代码如下

/*开始分页样式*/.页面{ overflow:hidden余量余量margin:50px 0 50px 100px}.第一页。页面ul span { float : leftdisplay :内嵌块;padding: 0 17px高度:40 px宽度:汽车;border:1px固体# ddddborder-半径: 4px背景# fff文本对齐:居中;线高:40 px右边距:10 pxfont-family : ' Microsoft yahei ' simhei sans-serif;color: # 7d7d7d}。ul a :悬停{背景: # 337 AB7color: # fff文本装饰:无;}.第ul span。当前{背景: # 337 ab 7;color: # fff}。ul a :第一页。第ul a :页最后{ float:leftdisplay :内嵌块;宽度:40 px高度:40 px边界半径:50%;背景:rgb(215,215,217);文本对齐:居中;线高:40 px右边距:10 pxfont-family : ' Microsoft yahei ' simhei sans-serif;} #页面提示{ float:right}/*结束分页样式*/以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

版权声明:thinkphp实现分页显示功能是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。