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

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

本文地址:http://liuyanzhao.com/3485.html

转载请注明

ThinkPHP完美实现分页和美化相关推荐

  1. android 支持各种格式的阅读器,android txt小说阅读器的实现(完美实现分页阅读,支持常见编码格式)...

    前一阵由于项目的需求,需要一个预览txt文件的功能,于是自己写了一个,简单的txt文件阅读器,实现了点击分页切换.滑动分页切换,效果如下: 既然做出来,想整理一下实现的思路,有时间再封装一下,做成一个 ...

  2. ajax分页类 php,thinkphp之ajax分页类

    class IndexAction extends Action { public function index() { import("@.ORG.Page"); //导入分页类 ...

  3. php分页无极类的讲解_一个完美php分页类,推荐给大家

    /** file: page.class.php 完美分页类 Page */ class Page { private $total; //数据表中总记录数 private $listRows; // ...

  4. 给thinkphp加个分页样式

    今天大象哥给TP加了个分页样式,现在分享出来 1.css样式 .fpage{text-align:center;clear:both;padding-top:10px;} .fpage a{font- ...

  5. html 分页_JQuery堪称完美的分页函数

    演示效果: html部分(引入jquery.js) <!DOCTYPE html> <html> <head> <meta charset="UTF ...

  6. window.print() 表格打印 完美实现分页

    问题描述: 采用js打印页面,表格过长 会出现分页,表格就会被裁减(那种每行固定就一行展示的简单,每个分页给他多少条数据就完事了),这里的问题是数据从后台获取,而且每一列都可能出现换行,多的可能达到1 ...

  7. php直播系统app吗,ThinkPHP完美运营版安卓苹果双端直播系统APP源码 带主播连麦PK功能源码...

    语言: PHP 数据库: Mysql 直播app源码直播系统整站完美运营方维直播系统新版直播平台搭建方维布谷直播盒子1.主播连麦PK,可设置连麦人数实现多人连麦. 2.直播采集,实时采集其它平台主播资 ...

  8. bootstrap——完美的分页查询

    最近,开始我们的Java项目,要求尽量使用bootstrap,因为它比easyUI要好看的多.然后就开始上网查,边查边做,虽然我们引入了一些bootstrap的样式,但是并没有js代码,所有的功能都需 ...

  9. Thinkphp ajax分页

    Thinkphp中用ajax分页和普通的ajax分页的区别在于处理位置的不同,thinkphp是在控制器的方法中处理ajax传的值,然后返回数据.下面是一个点击事件触发后,显示的内容用ajax分页. ...

  10. thinkphp视频目录

    第1课 ThinkPHP入门和介绍 这是thinkphp的第一课.主要去了解thinkphp一些常用的一些特点.为什么要选用thinkphp框架?另外,讲解一些常用的MVC模式当中MVC三者之间的关系 ...

最新文章

  1. CS131专题-2:高斯核、噪声、滤波
  2. python 通过路径下载文件
  3. Data Protection Manager 2010 系列之安装部署
  4. 【Python】Error:Input 'y' of 'Add' Op has type float32 that does not match type int32 of argument 'x'.
  5. MySQL 排序、分页查询、聚合查询
  6. python的线程组怎么写_Python高级——多任务编程之线程
  7. Vue项目—请求函数的封装
  8. cocos JS 定时器
  9. Linux:yum配置和使用
  10. Java面试题(全)
  11. NetSetMan NetSetMan IP快速切换
  12. 微软官方Windows2003原版下载
  13. 编程大实践 数独破解 #Cilay #嵩天
  14. 更换服务器IP有哪些步骤,如何操作。
  15. dcs与plc与c语言的联系,PLC 与DCS的通讯方式,举例讲解
  16. 怎么找回xmind意外关机的文件_Xmind 导图保存丢失怎么找回?
  17. Python 多态,概念与示例,精简篇
  18. 七个受用一生的心理寓言
  19. oracle与u8比较,看网友的用友U8、金蝶K3、SAP、Oracle几大模块比较
  20. 离散傅里叶变换 (DFT)、快速傅里叶变换 (FFT)

热门文章

  1. 长三角协同优势产业基金正式设立,总规模1000亿
  2. 178.16. cvs release
  3. 【转参考】MySQL利用frm和ibd文件进行数据恢复
  4. 英特尔在移动时代的衰落或许不会影响苹果
  5. CentOS 7 下挂载新硬盘
  6. 3-12岁经典必读书
  7. -lc++ 和 添加 libc++.tbd 居然是等价的
  8. 形象描述oracle是如何工作的--有点意思
  9. C语言实现数字串转数字
  10. 数据结构——第九章 查找