Bagaimana untuk menambah css ke penomboran laravel

Laravel ialah rangka kerja PHP popular yang dipandang tinggi kerana kemudahan pembelajaran, penggunaan dan sambungannya, serta fungsinya yang berkuasa. Antaranya, paging adalah salah satu fungsi penting dalam aplikasi web. Artikel ini akan memperkenalkan cara melaksanakan penomboran dan menambah gaya CSS dalam Laravel.

1. Melaksanakan paging dalam Laravel

Dalam rangka kerja Laravel, paging dilaksanakan melalui kelas Paginator. Kelas Paginator menggunakan Query Builder atau Eloquent ORM untuk mendapatkan data daripada pangkalan data dan menomborkan hasil berdasarkan saiz halaman dan nombor halaman semasa. Langkah-langkah khusus adalah seperti berikut:

1. Perkenalkan kelas Penomboran

use Illuminate\Pagination\Paginator;

2. Dapatkan semula data

$data = DB::table('table_name')->paginate(5);

atau

$data = ModelName::paginate(5);

3. Paparan data

@foreach ($data as $item)
    //
@endforeach

{{ $data->links() }}

Kod di atas akan mendapatkan semula data untuk jadual bernama "table_name", tetapkan bilangan rekod dalam setiap halaman kepada 5, dan Ia disimpan dalam pembolehubah yang dipanggil "data". Dalam paparan, kami boleh melintasi data melalui gelung foreach dan menjana pautan halaman melalui kaedah $data->links().

2. Tambahkan gaya CSS dalam Laravel

Laravel menyediakan gaya lalai untuk pautan penomboran. Walau bagaimanapun, kami boleh menukar penampilannya dengan menyesuaikan CSS. Jika anda ingin melumpuhkan gaya lalai, anda boleh melakukannya dengan kod berikut:

{{ $data->links('') }}

Berikut ialah langkah untuk menyesuaikan gaya CSS:

1. Buat yang baharu dalam fail CSS direktori awam/css seperti "pagination.css".
2. Dalam paparan, tambah gaya dalam fail CSS dengan memperkenalkan fail CSS dalam teg kepala:

<link rel="stylesheet" href="{{ asset(&#39;css/pagination.css&#39;) }}" />

.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;
}

Gaya di atas akan menambah sempadan bulat pada pautan penomboran, menetapkan saiz dan warna fon dan menambah warna latar belakang tertentu pada halaman semasa.

3. Ringkasan

Adalah sangat mudah untuk menggunakan kelas Paginator untuk melaksanakan penomboran dalam rangka kerja Laravel. Menyesuaikan gaya halaman tidak terlalu sukar, cuma tambah kod CSS. Saya harap artikel ini boleh membantu penggunaan penomboran Laravel dan gaya CSS. Jika anda mempunyai sebarang soalan atau cadangan, sila tinggalkan mesej di ruang komen dan kami akan dengan senang hati menjawab soalan anda.

Atas ialah kandungan terperinci Bagaimana untuk menambah css ke penomboran laravel. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!