thinkphp实现分页显示功能


Posted in PHP onDecember 03, 2016

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

thinkphp实现分页显示功能

IndexController.class.php代码如下

public function index(){
    $m=M('Info');    
    $count = $m->where($where)->count();
    $pageCount = 10;//每页显示数量
    $page = new \Think\Page($count , $pageCount);
    $page->parameter = $row; //此处的row是数组,为了传递查询条件
    $page->setConfig('header','条留言');
    $page->setConfig('first','首页');
    $page->setConfig('prev','上一页');
    $page->setConfig('next','下一页');
    $page->setConfig('last','尾页');
    $page->setConfig('theme','%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END%<div id="pageTips">第 '.I('p',1).' 页/共 %TOTAL_PAGE% 页 ( '.$pageCount.' 条/页 共 %TOTAL_ROW% 条信息)</div>');
    $show = $page->show();
    $list = $m->where($where)->order('id desc')->limit($page->firstRow.','.$page->listRows)->select();
    $this->assign('infoList',$list);
    $this->assign('show',$show);
    $this->display();  
  }

index.html代码如下

<table class="table table-hover table-striped" id="table">
          <tr class="danger">
            <th>类别</th>
            <th>信息标题</th>
            <th>物品类型</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>
            <td>{$vo.info_place}</td>
            <td>{$vo.create_time}</td>
          </tr>
          </foreach>
      </table>

       <div class="page">
          <ul>
            {$show}
          </ul>
      </div>

css代码如下

/* start 分页样式 */

.page{
  overflow:hidden;
  margin:50px 0 50px 100px;;
}

.page ul a,.page ul span{
  float:left;
  display:inline-block;
  padding: 0 17px;
  height:40px;
  width:auto;
  border:1px solid #DDDDDD;
  border-radius: 4px;
  background:#fff;
  text-align:center;
  line-height:40px;
  margin-right:10px;
  font-family: "microsoft yahei" simhei sans-serif;
  color:#7d7d7d;
}

.page ul a:hover{
  background:#337AB7;
  color:#fff;
  text-decoration:none;
}

.page ul span.current{
  background: #337AB7;
  color:#fff;
}


.page ul a:first,.page ul a:last{
  float:left;
  display:inline-block;
  width:40px;
  height:40px;
  border-radius:50%;
  background:rgb(215, 215, 217);
  text-align:center;
  line-height:40px;
  margin-right:10px;
  font-family: "microsoft yahei" simhei sans-serif;
}

#pageTips {
  float:right;
}
/* end 分页样式 */

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
php自动适应范围的分页代码
Aug 05 PHP
php 遍历数据表数据并列表横向排列的代码
Sep 05 PHP
php smarty 二级分类代码和模版循环例子
Jun 16 PHP
PHP获取网址的顶级域名函数代码
Sep 24 PHP
destoon调用自定义模板及样式的公告栏
Jun 21 PHP
thinkphp3.2.2实现生成多张缩略图的方法
Dec 19 PHP
学习php设计模式 php实现命令模式(command)
Dec 08 PHP
实例详解PHP中html word 互转的方法
Jan 28 PHP
PHP构造二叉树算法示例
Jun 21 PHP
PHP PDOStatement::getColumnMeta讲解
Feb 01 PHP
Laravel 实现在Blade模版中使用全局变量代替路径的例子
Oct 22 PHP
php TP5框架生成二维码链接
Apr 01 PHP
thinkphp jquery实现图片上传和预览效果
Jul 22 #PHP
详解PHP用substr函数截取字符串中的某部分
Dec 03 #PHP
微信公众平台开发(五) 天气预报功能开发
Dec 03 #PHP
php die()与exit()的区别实例详解
Dec 03 #PHP
详解Yii2 rules 的验证规则
Dec 02 #PHP
Yii框架数据模型的验证规则rules()被执行的方法
Dec 02 #PHP
thinkPHP统计排行与分页显示功能示例
Dec 02 #PHP
You might like
PHP用SAX解析XML的实现代码与问题分析
2011/08/22 PHP
php字符编码转换之gb2312转为utf8
2013/10/28 PHP
用JS写的一个TableView控件代码
2010/01/23 Javascript
javascript instanceof 内部机制探析
2010/10/15 Javascript
JS 无限级 Select效果实现代码(json格式)
2011/08/30 Javascript
JS实现的省份级联实例代码
2013/06/24 Javascript
禁止选中文字兼容IE、Chrome、FF等
2013/09/04 Javascript
JavaScript数组和循环详解
2015/04/27 Javascript
根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)
2015/09/14 Javascript
js中获取时间new Date()的全面介绍
2016/06/20 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
2016/11/18 Javascript
JS判断鼠标进入容器的方向与window.open新窗口被拦截的问题
2016/12/23 Javascript
jQuery 禁止表单用户名、密码自动填充功能
2017/10/30 jQuery
mescroll.js上拉加载下拉刷新组件使用详解
2017/11/13 Javascript
完美解决iview 的select下拉框选项错位的问题
2018/03/02 Javascript
vue-baidu-map 进入页面自动定位的解决方案(推荐)
2018/04/28 Javascript
React 使用browserHistory项目访问404问题解决
2018/06/01 Javascript
Vue常用的几个指令附完整案例
2018/11/06 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
2019/09/28 Javascript
vue+elementui 对话框取消 表单验证重置示例
2019/10/29 Javascript
Vue Elenent实现表格相同数据列合并
2020/11/30 Vue.js
Python随机读取文件实现实例
2017/05/25 Python
Python即时网络爬虫项目启动说明详解
2018/02/23 Python
python3使用QQ邮箱发送邮件
2020/05/20 Python
python原类、类的创建过程与方法详解
2019/07/19 Python
使用py-spy解决scrapy卡死的问题方法
2020/09/29 Python
与世界上最好的跑步专业品牌合作:Fleet Feet
2019/03/22 全球购物
Chain Reaction Cycles俄罗斯:世界上最大的在线自行车商店
2019/08/27 全球购物
学生打架检讨书大全
2014/01/23 职场文书
保护环境倡议书300字
2014/05/19 职场文书
反邪教标语
2014/06/23 职场文书
2015年学校总务处工作总结
2015/05/19 职场文书
2015年为民办实事工作总结
2015/05/26 职场文书
k-means & DBSCAN 总结
2021/04/27 Python
Java实现多线程聊天室
2021/06/26 Java/Android
教你快速构建一个基于nginx的web集群项目
2021/11/27 Servers