Laravel是一個廣受歡迎的PHP框架,因其易於學習、使用、擴展,以及包含強大的功能而備受推崇。其中,分頁是Web應用程式中必不可少的功能之一。本文將介紹如何在Laravel中實現分頁並加入CSS樣式。
一、Laravel中實作分頁
在Laravel框架中,分頁是透過Paginator類別實現的。 Paginator類別使用Query Builder或Eloquent ORM從資料庫取得數據,並基於頁大小和目前頁碼對結果進行分頁。具體步驟如下:
use Illuminate\Pagination\Paginator;
$data = DB::table('table_name')->paginate(5);
或
$data = ModelName::paginate(5);
@foreach ($data as $item) // @endforeach {{ $data->links() }}
以上程式碼將檢索名為“table_name”的表的數據,將每個頁面中的記錄數設為5,並將其儲存在名為“data”的變數中。在視圖中,我們可以透過foreach循環遍歷數據,並透過$data->links()方法生成分頁連結。
二、Laravel中新增CSS樣式
Laravel為分頁連結提供了預設的樣式。但是,我們可以透過自訂CSS來改變其外觀。如果您想要停用預設樣式,可以透過以下程式碼實現:
{{ $data->links('') }}
<link rel="stylesheet" href="{{ asset('css/pagination.css') }}" />
.pagination li { display:inline-block; margin-right:5px; margin-bottom:5px; padding:5px 12px; border:1px solid #ccc; border-radius:5px; font-size:14px; color:#333; text-decoration:none; } .pagination .active { background-color:#007bff; border-color:#007bff; color:#fff; } .pagination .disabled { opacity:0.5; cursor:not-allowed; }
以上是laravel分頁怎麼加css的詳細內容。更多資訊請關注PHP中文網其他相關文章!