Laravel分頁器自定義樣式

在 Laravel 中，你可以通過自定義分頁視圖來更改分頁器的樣式。以下是自定義分頁樣式的步驟：

1. 首先，在 resources/views 目錄下創建一個新的文件夾，例如 pagination。

2. 在 pagination 文件夾中，創建一個新的視圖文件，例如 custom.blade.php。這將用于自定義分頁樣式。

3. 打開 custom.blade.php 文件，然后復制以下代碼：

@if ($paginator->hasPages())
    <ul class="pagination">
        {{-- Previous Page Link --}}
        @if ($paginator->onFirstPage())
            <li class="disabled"><span>&laquo;</span></li>
        @else
            <li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">&laquo;</a></li>
        @endif

        {{-- Next Page Link --}}
        @if ($paginator->hasMorePages())
            <li><a href="{{ $paginator->nextPageUrl() }}" rel="next">&raquo;</a></li>
        @else
            <li class="disabled"><span>&raquo;</span></li>
        @endif

        {{-- Jump to Page --}}
        <li>
            <form action="" method="GET">
                <input type="number" name="page" value="{{ $paginator->currentPage() }}" min="1" max="{{ $paginator->lastPage() }}" style="width: 60px;">
                <button type="submit">跳轉</button>
            </form>
        </li>

        {{-- List of Pages --}}
        @foreach ($elements as $element)
            @if (is_string($element))
                <li class="disabled"><span>{{ $element }}</span></li>
            @endif

            @if (is_array($element))
                @foreach ($element as $page => $url)
                    @if ($page == $paginator->currentPage())
                        <li class="active"><span>{{ $page }}</span></li>
                    @else
                        <li><a href="{{ $url }}">{{ $page }}</a></li>
                    @endif
                @endforeach
            @endif
        @endforeach
    </ul>
@endif

4. 在你的控制器中，使用 paginate() 方法獲取分頁數據。例如：

public function index()
{
    $users = User::paginate(10);
    return view('your_view', compact('users'));
}

5. 在你的視圖中，使用 links() 方法并傳入自定義分頁視圖的路徑。例如：

{{ $users->links('pagination.custom') }}

現在，你的應用將使用自定義的分頁樣式。你可以根據需要修改 custom.blade.php 文件中的代碼來自定義分頁器的樣式。