新手，勿噴?。。?/p>
首先，基于thinkphp分頁，上代碼：
一、我寫了一個(gè)function.php：
functiongetpage($count,$pagesize=20) {//$count（參數(shù)一，表示數(shù)據(jù)的總數(shù)量），$pagesizs(參數(shù)二，表示你一頁顯示多少條數(shù)據(jù))
$p=new Think\Page($count,$pagesize);
$p->setConfig('header','
共
%TOTAL_ROW%
條記錄 第
%NOW_PAGE%
頁/共
%TOTAL_PAGE%
頁
');
$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->lastSuffix=false;//最后一頁不顯示為總頁數(shù)
return $p;
}
二、控制器memberController.class.php
public function shouyinyuan(){
$cashier= M('Cashier');//模型，這個(gè)不用解釋
$count=$cashier->count();//獲取數(shù)據(jù)表里面的總數(shù)量
$p= getpage($count,20);//調(diào)用上面的function.php的方法，傳兩個(gè)參數(shù)進(jìn)去
if($count<=20) {//這里我判斷<=20是因?yàn)樵诓樵兂鰜淼臄?shù)據(jù)超過20條，看效果圖：
否則的話：
$list=$cashier->select();//查詢數(shù)據(jù),這里你可以添加字的where條件
$this->assign('list',$list);
$this->assign('page',$p->show());// 賦值分頁輸出
$this->display();
}else{
$list=$cashier->order("id")->limit($p->firstRow.','.$p->listRows)->select();
$this->assign('list',$list);// 賦值數(shù)據(jù)集
$this->assign('page',$p->show());// 賦值分頁輸出
$this->display();
}
}
三、ajax處理
$(function(){
$('#ul4').on('click','.jspage a',function(){//#ul4是你獲取到的數(shù)據(jù)要顯示在哪里，這里給a標(biāo)簽綁定一個(gè)事件
$.ajax({
type:'get',
url:$(this).attr('href'),
success:function(data){
$('#ul4').html(data);
}
});
return false;
});
});
$(function() {//這個(gè)位置一定要放在最下面、要不然話的會(huì)不執(zhí)行a標(biāo)簽的路徑
$('.jspage a').trigger('click');
});
到這里，大家會(huì)問：你的a標(biāo)簽是那里的？
四、html頁面
#ul4是哪個(gè)？a標(biāo)簽是哪個(gè)？如圖：
問題來了，你的ajax里面執(zhí)行了a標(biāo)簽的href，那你的shouyiyuan.html在哪？下面來了
五、css
.pages a,.pages span{
display:inline-block;
padding:2px5px;
margin:0 1px;
border:1px solid#f0f0f0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.pages a,.pages li{
display:inline-block;
list-style:none;
text-decoration:none; color:#58A0D3;
}
.pages a.first,.pages a.prev,.pages a.next,.pages a.end{
margin:0;
}
.pages a:hover{
border-color:#50A8E6;
}
.pages span.current{
background:#50A8E6;
color:#FFF;
font-weight:700;
border-color:#50A8E6;
}
到這里，分頁就做完了，這是自動(dòng)加載數(shù)據(jù)并分頁的全部步驟，可以使用的，希望可以幫到大家。我也是新手，相互學(xué)習(xí)，如果出現(xiàn)問題或有可以該進(jìn)的地方，歡迎評(píng)論。（因?yàn)轫?xiàng)目需要，近期需要做出一個(gè)根據(jù)篩選條件，刷新頁面并顯示分頁，近期會(huì)推出‘分頁二’），加油吧！??！
