Virus Corona (Covid-19)

Dapatkan Informasi terbaru

Contoh Pagination Link Customizations di Laravel

Jackma 04 May 2020 12,275

Hari ini, saya akan memandu Anda bagaimana menyesuaikan tautan pagination di laravel 6. Laravel 6 memiliki metode pagination baru untuk menyesuaikan jumlah tautan di setiap sisi tautan halaman saat ini.

Laravel merilis versi 6 baru dengan banyak fitur baru. Salah satu fitur baru adalah Kustomisasi Tautan Paginasi dari mereka. laravel menyediakan bantuan onEachSide() untuk membuat link pagination customizations . Anda tidak perlu membuat tampilan pagination khusus untuk kustomisasi tautan.

Di sini saya akan cepat menunjukkan kepada Anda bagaimana cara kerjanya dengan linksOnEachSide. kami juga membuat contoh sederhana sehingga Anda dapat memahami bagaimana ini seharusnya bekerja.

Contoh 1: Current Page 7

{{ $users->onEachSide(1)->links() }}

//Output

1 2 .. 6 7 8 .. 25 26

Contoh 2: Current Page 7

{{ $users->onEachSide(2)->links() }}

//Output

1 2 .. 5 6 7 8 9 .. 25 26

Contoh 3: Current Page 7

{{ $users->onEachSide(3)->links() }}

//Output

1 2 .. 4 5 6 7 8 9 10 .. 25 26

Step 1: Install Laravel 5.7

pertama-tama kita perlu mendapatkan aplikasi versi Laravel 6 baru menggunakan perintah di bawah ini, Jadi buka terminal ATAU command prompt Anda dan jalankan perintah di bawah ini:

composer create-project --prefer-dist laravel/laravel blog

Step 2: Create Dummy Records

Pada langkah ini, kami harus menjalankan migrasi terlebih dahulu. Jadi setelah berhasil menjalankan migrasi Anda memiliki tabel pengguna, jadi mari kita jalankan perintah di bawah ini:

php artisan migrate

Sekarang kita perlu menambahkan beberapa data dummy di tabel pengguna menggunakan laravel factory, jadi pada dasarnya kita dapat memeriksanya dengan benar cara kerjanya.

php artisan tinker

>>> factory(\App\User::class, 100)->create();

Step 3: Create Route

Pada langkah ini kita perlu membuat satu route untuk halaman daftar. jadi buka file "route/web.php" Anda dan tambahkan route berikut.

route/web.php

Rute :: get ( 'pagination' , 'PaginationController @ index' ); 

Step 4: Buat PaginationController

Pada langkah ini, kita harus membuat controller baru sebagai PaginationController dan kita juga perlu satu indeks meto() pada controller itu seperti yang Anda lihat di bawah ini:

app/Http/Controllers/PaginationController.php

<?php
   
namespace App\Http\Controllers;
   
use Illuminate\Http\Request;
use App\User;
  
class PaginationController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        $users = User::paginate(5);
        return view('users', compact('users'));
    }
}

Step 5: Create View File

Pada langkah Terakhir, mari kita buat users.blade.php (sumber daya/views/users.blade.php) untuk tata letak dan daftar semua kode pengguna di sini dan masukkan kode berikut:

resources/views/users.blade.php

<!DOCTYPE html>
<html>
<head>
  <title>Laravel 5.7 -  Pagination Link Customizations - Medikre.com</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
</head>
<body>
  
<div class="container">
  <h1>Laravel 5.7 -  Pagination Link Customizations - Medikre.com</h1>
    <table class="table table-bordered">
        <thead>
            <th>ID</th>
            <th>Name</th>
            <th>Email</th>
        </thead>
        @foreach($users as $user)
        <tbody>
            <td>{{ $user->id }}</td>
            <td>{{ $user->name }}</td>
            <td>{{ $user->email }}</td>
        </tbody>
        @endforeach
    </table>
    {{ $users->onEachSide(1)->links() }}
</div>
  
</body>
</html>

Sekarang kita siap untuk menjalankan contoh kita jadi jalankan perintah di bawah ini untuk menjalankan cepat:

php artisan serve

Sekarang Anda dapat membuka URL di bawah ini di browser Anda:

http://localhost:8000/pagination

Saya harap ini dapat membantu Anda ...

Tags

laravel 6 laravel paging pagination

Related Stories


Latest Stories


Close Ads X