thinkPHP5框架分頁樣式類完整示例

第thinkPHP5框架分頁樣式類完整示例namespacepage;

//+

//|ThinkPHP[WECANDOITJUSTTHINK]

//+

//|Copyright(c)2006~2017Allrightsreserved.

//+

//|Licensed(/licenses/LICENSE-2.0)

//+

//|Author:zhangyajun448901948@

//+

usethink\Paginator;

classPageextendsPaginator

//首頁

protectedfunctionhome(){

if($this-currentPage()1){

return"ahref='".$this-url(1)."'title='首頁'首頁/a

}else{

return"p首頁/p

//上一頁

protectedfunctionprev(){

if($this-currentPage()1){

return"ahref='".$this-url($this-current1)."'title='上一頁'上一頁/a

}else{

return"p上一頁/p

//下一頁

protectedfunctionnext(){

if($this-hasMore){

return"ahref='".$this-url($this-currentPage+1)."'title='下一頁'下一頁/a

}else{

return"p下一頁/p

//尾頁

protectedfunctionlast(){

if($this-hasMore){

return"ahref='".$this-url($this-lastPage)."'title='尾頁'尾頁/a

}else{

return"p尾頁/p

//統(tǒng)計信息

protectedfunctioninfo(){

return"p共b".$this-lastPage.

"/b頁b".$this-total."/b條數(shù)據(jù)/p

*頁碼按鈕

*@returnstring

protectedfunctiongetLinks()

$block=[

'first'=null,

'slider'=null,

'last'=null

$side=3;

$window=$side*2;

if($this-lastPage$window+6){

$block['first']=$this-getUrlRange(1,$this-lastPage);

}elseif($this-currentPage=$window){

$block['first']=$this-getUrlRange(1,$window+2);

$block['last']=$this-getUrlRange($this-last1,$this-lastPage);

}elseif($this-currentPage($this-last$window)){

$block['first']=$this-getUrlRange(1,2);

$block['last']=$this-getUrlRange($this-last($window+2),$this-lastPage);

}else{

$block['first']=$this-getUrlRange(1,2);

$block['slider']=$this-getUrlRange($this-current$side,$this-currentPage+$side);

$block['last']=$this-getUrlRange($this-last1,$this-lastPage);

$html='';

if(is_array($block['first'])){

$html.=$this-getUrlLinks($block['first']);

if(is_array($block['slider'])){

$html.=$this-getDots();

$html.=$this-getUrlLinks($block['slider']);

if(is_array($block['last'])){

$html.=$this-getDots();

$html.=$this-getUrlLinks($block['last']);

return$html;

*渲染分頁html

*@returnmixed

publicfunctionrender()

if($this-hasPages()){

if($this-simple){

returnsprintf(

'%sdiv%s%s%s/div',

$this-css(),

$this-prev(),

$this-getLinks(),

$this-next()

}else{

returnsprintf(

'%sdiv%s%s%s%s%s%s/div',

$this-css(),

$this-home(),

$this-prev(),

$this-getLinks(),

$this-next(),

$this-last(),

$this-info()

*生成一個可點擊的按鈕

*@paramstring$url

*@paramint$page

*@returnstring

protectedfunctiongetAvailablePageWrapper($url,$page)

return'ahref="'.htmlentities($url).'"rel="externalnofollow"title="第"'.$page.'"頁"'.$page.'/a

*生成一個禁用的按鈕

*@paramstring$text

*@returnstring

protectedfunctiongetDisabledTextWrapper($text)

return'p'.$text.'/p

*生成一個激活的按鈕

*@paramstring$text

*@returnstring

protectedfunctiongetActivePageWrapper($text)

return'ahref=""externalnofollow"cur"'.$text.'/a

*生成省略號按鈕

*@returnstring

protectedfunctiongetDots()

return$this-getDisabledTextWrapper('...');

*批量生成頁碼按鈕.

*@paramarray$urls

*@returnstring

protectedfunctiongetUrlLinks(array$urls)

$html='';

foreach($urlsas$page=$url){

$html.=$this-getPageLinkWrapper($url,$page);

return$html;

*生成普通頁碼按鈕

*@paramstring$url

*@paramint$page

*@returnstring

protectedfunctiongetPageLinkWrapper($url,$page)

if($page==$this-currentPage()){

return$this-getActivePageWrapper($page);

return$this-getAvailablePageWrapper($url,$page);

*分頁樣式

protectedfunctioncss(){

return'styletype="text/css"

.paginationp{

margin:0;

cursor:pointer

.pagination{

height:40px;

padding:20px0px;

.paginationa{

display:block;

float:left;

margin-right:10px;

padding:2px12px;

border:1px#ccccccsolid;

background:#fff;

text-decoration:none;

color:#808080;

font-size:12px;

line-height:24px;

.paginationa:hover{

color:#009688;

background:white;

border:1px#009688solid;

.paginationa.cur{

border:none;

background:#009688;

color:#fff;

.paginationp{

float:left;

padding:2px12px;

font-size:12px;

line-height:24px;

color:#bbb;

border:1px#cccsolid;

background:#fcfcfc;

margin-right:8px;

.paginationp.pageRemark{

border-style:none;

background:none;

margin-right:0px;

padding:4px0px;

color:#666;

.paginationp.pageRemarkb{

color:red;

.paginationp.pageEllipsis{

border-style:none;

background:none;

padding:4px0px;

color:#808080;

.datesli{font-size:14