欢迎加入我们的Q群 224546966
下面是视频和实例代码
链接:http://pan.baidu.com/s/1c0hops0 密码:s6cf
//-------------------PHP
$article = M('article'); // 实例化User对象
$count = $article->where('1=1')->count();// 查询满足要求的总记录数
$Page = new \Think\Page($count,5);// 实例化分页类 传入总记录数和每页显示的记录数(25)
$show = $Page->show();// 分页显示输出
// 进行分页数据查询 注意limit方法的参数要使用Page类的属性
$list = $article->where('1=1')->limit($Page->firstRow.','.$Page->listRows)->select();
if(IS_AJAX){
$this->assign('list',$list);// 赋值数据集
$this->assign('page',$show);// 赋值分页输出
$html = $this->fetch('Index/ajaxPage');
$this->ajaxReturn($html);
}
$this->assign('list',$list);// 赋值数据集
$this->assign('page',$show);// 赋值分页输出
$this->display(); // 输出模板
HTML
<div class="list">
<foreach name="list" item="vv">
<div class="title">{$vv.title}</div>
<div class="content">{$vv.content}</div>
<hr size="5" color="red" />
</foreach>
<div class="page">
{$page}
</div>
</div>
</body>
<script>
$(function(){
$(".page a").live('click',function(){
var pageObj = this;
var url = pageObj.href;
$.ajax({
type:'get',
url:url,
success:function(res){
$(".list").html(res);
}
})
return false;
})
})
</script>
//--------------------ajaxPage
<foreach name="list" item="vv">
<div class="title">{$vv.title}</div>
<div class="content">{$vv.content}</div>
<hr size="5" color="red" />
</foreach>
<div class="page">
{$page}
</div>
Thinkphp3.2.3 分页样式美化 大纲
1.找到自己需要的样式
2.分析TP生成的HTML结构
视频代码地址 链接:http://pan.baidu.com/s/1pJ26GND 密码:lmsv
CSS代码
DIV.page {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px;
MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.page A {
BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid;
PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px;
BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px;
BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
DIV.page A:hover {
BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid;
BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.page A:active {
BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid;
BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.page SPAN.current {
BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px;
BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold;
PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid;
COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099
}
DIV.page SPAN.disabled {
BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid;
PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px;
BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px;
BORDER-BOTTOM: #eee 1px solid
}
定制上一页下一页 $Page->setConfig('prev','上一页');
$Page->setConfig('next','下一页');
最佳答案
