TP3.2.3框架分页以及样式
来源:互联网 发布:php 排列组合算法 编辑:程序博客网 时间:2024/06/05 19:56
TP框架自带分页的实现方法,所以使用这个分页方案
1,先看做好的效果图
没有显示共多少页,那个效果可以在自己封装好的方法里面改。
2,首先就是去封装一个公共函数
/** * TODO 基础分页的相同代码封装,使前台的代码更少 * @param $m 模型,引用传递 * @param $where 查询条件 * @param int $pagesize 每页查询条数 * @return \Think\Page */ public static function getpage(&$m,$pagesize,$count){ $m1=clone $m;//浅复制一个模型getpage方法可以放在TP框架的 Application/Home/Common/function.php,这个文档可以专门放置一些通用的方法,在哪里都可以调用(如:Controller文件,View文件等)。//$count = $m->where($where)->count();//连惯操作后会对join等操作进行重置 (因为我没有用到共有多少页的展示,所以就注释掉了,可以根据自己的需求来定)
$m=$m1;//为保持在为定的连惯操作,浅复制一个模型 $p=new Think\Page($count,$pagesize); $p->lastSuffix=false;
//因为我没有用到这块,所以可根据自己的需求更改 //$p->setConfig(‘header‘,‘<li class="rows">共<b>%TOTAL_ROW%</b>条记录 每页<b>%LIST_ROW%</b>条 第<b>%NOW_PAGE%</b>页/共<b>%TOTAL_PAGE%</b>页</li>‘); $p->setConfig(‘prev‘,‘上一页‘); $p->setConfig(‘next‘,‘下一页‘); $p->setConfig(‘last‘,‘末页‘); $p->setConfig(‘first‘,‘首页‘); $p->setConfig(‘theme‘,‘%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END% %HEADER%‘); $p->parameter=I(‘get.‘); $m->limit($p->firstRow,$p->listRows); return $p; }
3,在控制器方法里面调用分页的方法
$m=M('products');$count = $m->where(array('s_states' => '1'))->count();$p=getpage($m,10,$count);$list=$m->field(true)->where($where)->order('id desc')->select();$show = $p->show();$this->assign('list',$list);$this->assign('page',$show);$this->display();4,view页面上的代码
<div class="pagination"> <ul> <li>{$page}</li> </ul></div>5,页面显示的样式
.pagination ul { display: inline-block; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05); box-shadow: 0 1px 2px rgba(0,0,0,0.05);}.pagination ul li { display: inline;}.pagination ul li.rows { line-height: 30px; padding-left: 5px;}.pagination ul li.rows b{color: #f00}.pagination ul li a, .pagination ul li span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #fff; background: url('../images/bottom_bg.png') 0px 0px; border: 1px solid #d3dbde; /*border-left-width: 0;*/ margin-left: 2px; color: #08c;}.pagination ul li a:hover{ color: red; background: #0088cc;}.pagination ul li.first-child a, .pagination ul li.first-child span { border-left-width: 1px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px;}.pagination ul .disabled span, .pagination ul .disabled a, .pagination ul .disabled a:hover {color: #999;cursor: default;background-color: transparent;}.pagination ul .active a, .pagination ul .active span {color: #999;cursor: default;}.pagination ul li a:hover, .pagination ul .active a, .pagination ul .active span {background-color: #f0c040;}.pagination ul li.last-child a, .pagination ul li.last-child span { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px;}.pagination ul li.current a{color: #f00 ;font-weight: bold; background: #ddd}注意:如果你最后结果返回出来的是源码的话,就要修改成
$p->setConfig('theme','%first% %upPage% %linkPage% %downPage% %end% ');也就是把上面的大写的地方换成小写的字母,就大功告成啦。
到此为止,TP框架自带的分页以及样式修改就写好了,希望各位大牛多给指正不足的地方
0 0
- TP3.2.3框架分页以及样式
- TP3.2.3框架分页以及样式
- 适用TP3.2.3分页样式
- tp3.2.3分页类添加记录数
- ssh 分页以及 分页样式
- TP3.2.3从入门到放弃-TP框架的使用
- 使用 tp3.2.3 框架时报错重定向次数过多
- TP3.2.3使用page分页类对查询结果进行分页时的问题
- ssh2框架以及分页留存
- 好看的GridView样式以及分页代码
- Laravel5.2 手动分页以及自定义样式
- GridView分页的实现以及自定义分页样式功能实例
- TP3.2.3 Join 查询
- TP3.2.3 Auth认证
- TP3.2.3 导出Excel
- TP3.2.3 Dialog封装
- TP3.2.3文件上传
- TP3.2.3切换数据库
- 添加已有input事件类型上层分发处理
- Linux动态链接之GOT与PLT
- shell脚本自动清理超过指定大小的文件
- Jmeter之IP欺骗
- CCS新建BIOS工程的设置问题
- TP3.2.3框架分页以及样式
- 版本发布流程规范
- java抽象类面试题
- IDEA创建Maven Web项目
- Exe4j的注册码
- HTTP 2.0的那些事
- mysql基础---用户管理和权限设置(十二)
- JAVA编程时易错点
- 使用js实现回到页面顶部