laravel自定義分頁頁碼樣式

在使用laravel分頁時候,默認的分頁樣式不是自己想要的,需要自己修改。

默認樣式是 < 1 2 3 4 5 6 7 8 9 10 11 12 13 14 … 98 99 >

這個樣式太醜了,而且我不想要這麼多的 頁碼,只想實現如下的頁碼

< 1 2 3 4 5 6 7 > < 6 7 8 9 10 11 > < 11 12 13 14 15 16 17 18 19 20 >

php原生代碼

<?php 
//分頁顯示頁面數量,取值範圍 3-n
$paging_number = 7;
if($paging_number<3){
	$paging_number = 3;
}
//當前頁
$paging_current_page = $_GET['p'];
//共幾頁
$paging_last_page = 15;
 
if(($paging_number%2) == 0){
	if($paging_last_page <= $paging_number){
		$paging_start = 1;
		$paging_end = $paging_last_page;
	}else if($paging_current_page < ($paging_number/2+1)){
		$paging_start = 1;
		$paging_end = $paging_number;
	}else if($paging_current_page >= ($paging_number/2+1) && (($paging_current_page + ($paging_number/2 - 1)) <= $paging_last_page)){
		$paging_start = $paging_current_page - ($paging_number/2);
		$paging_end = $paging_current_page + ($paging_number/2 - 1);
	}else{
		$paging_start = $paging_last_page - $paging_number + 1;
		$paging_end = $paging_last_page;
	}
}else{
	if($paging_last_page <= $paging_number){
		$paging_start = 1;
		$paging_end = $paging_last_page;
	}else if($paging_current_page < ceil($paging_number/2)){
		$paging_start = 1;
		$paging_end = $paging_number;
	}else if($paging_current_page >= ceil($paging_number/2) && (($paging_current_page + floor($paging_number/2)) <= $paging_last_page)){
		$paging_start = $paging_current_page - floor($paging_number/2);
		$paging_end = $paging_current_page + floor($paging_number/2);
	}else{
		$paging_start = $paging_last_page - ($paging_number - 1);
		$paging_end = $paging_last_page;
	}
}
 
for($i=$paging_start;$i<=$paging_end;$i++){
	
	if($i != $paging_current_page){
		echo "<span><a href='test.php?p=".$i."'>".$i."</a></span>  ";
	}else{
		echo "<span style='color:red;'><a href='test.php?p=".$i."'><b>$i</b></a></span>  ";
	}
}

laravel分頁模板代碼
@if ($paginator->hasPages())
@php
//指定顯示的頁碼數量,取值範圍3-n
$paging_number = 10;
if($paging_number<3){
    $paging_number = 3;
}
//當前頁
$paging_current_page = $paginator->currentPage();
//共幾頁
$paging_last_page = $paginator->lastPage();
if(($paging_number%2) == 0){
    if($paging_last_page <= $paging_number){
        $paging_start = 1;
        $paging_end = $paging_last_page;
    }else if($paging_current_page < ($paging_number/2+1)){
        $paging_start = 1;
        $paging_end = $paging_number;
    }else if($paging_current_page >= ($paging_number/2+1) && (($paging_current_page + ($paging_number/2 - 1)) <= $paging_last_page)){
        $paging_start = $paging_current_page - ($paging_number/2);
        $paging_end = $paging_current_page + ($paging_number/2 - 1);
    }else{
        $paging_start = $paging_last_page - $paging_number + 1;
        $paging_end = $paging_last_page;
    }
}else{
    if($paging_last_page <= $paging_number){
        $paging_start = 1;
        $paging_end = $paging_last_page;
    }else if($paging_current_page < ceil($paging_number/2)){
        $paging_start = 1;
        $paging_end = $paging_number;
    }else if($paging_current_page >= ceil($paging_number/2) && (($paging_current_page + floor($paging_number/2)) <= $paging_last_page)){
        $paging_start = $paging_current_page - floor($paging_number/2);
        $paging_end = $paging_current_page + floor($paging_number/2);
    }else{
        $paging_start = $paging_last_page - ($paging_number - 1);
        $paging_end = $paging_last_page;
    }
}
@endphp
    <ul class="pagination">
        {{-- Previous Page Link --}}
        @if ($paginator->onFirstPage())
            <li class="disabled"><span>«</span></li>
        @else
            <li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">«</a></li>
        @endif
 
        {{-- Pagination Elements --}}
        @for ($i = $paging_start; $i <= $paging_end; $i++)
            @if ($i == $paginator->currentPage())
                <li class="active"><span>{{ $i }}</span></li>
            @else
                <li><a href="{{ $paginator->url($i) }}">{{ $i }}</a></li>
            @endif
        @endfor
 
        {{-- Next Page Link --}}
        @if ($paginator->hasMorePages())
            <li><a href="{{ $paginator->nextPageUrl() }}" rel="next">»</a></li>
        @else
            <li class="disabled"><span>»</span></li>
        @endif
    </ul>
@endif

將criterion.blade.php模板放到模板目錄,其他模板頁面渲染語法

{{ $data->links(‘criterion’) }}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章