Laravel 11 Simple Pagination Example
Websolutionstuff | May-03-2024 | Categories : Laravel
Hello developers! In this article, we'll see the laravel 11 simple pagination example. Here, we'll use Bootstrap 5 simple pagination in laravel 11. There are several ways to paginate items. The simplest is by using the paginate method.
The paginate method automatically takes care of setting the query's "limit" and "offset" based on the current page being viewed by the user.
Laravel's paginator is integrated with the query builder and Eloquent ORM and provides convenient, easy-to-use pagination of database records with zero configuration
Simple Pagination in Laravel 11
In this step, we'll install the laravel 11 application using the following command.
composer create-project laravel/laravel laravel-11-pagination
Then, we'll configure the database into the .env file.
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel_demo
DB_USERNAME=root
DB_PASSWORD=
Next, we'll create a dummy record using the tinker.
php artisan tinker
User::factory()->count(100)->create()
Then, migrate the table into the database using the following command.
php artisan migrate
Now, we'll define the route into the web.php file
routes/web.php
<?php
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\UserController;
Route::get('users', [UserController::class, 'index']);
Then, we'll create a controller and define the paginate() method.
app/Http/Controllers/UserController.php
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Models\User;
use Illuminate\View\View;
class UserController extends Controller
{
/**
* Display a listing of the resource.
*
* @return \Illuminate\Http\Response
*/
public function index(Request $request): View
{
$users = User::paginate(10);
return view('users', compact('users'));
}
}
Next. add the bootstrap 5 pagination using link() function.
resources/views/users.blade.php
<!DOCTYPE html>
<html>
<head>
<title>Laravel 11 Simple Pagination Example - techsolutionstuff.com</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="card mt-5">
<h3 class="card-header p-3">Laravel 11 Simple Pagination Example - techsolutionstuff.com</h3>
<div class="card-body">
<table class="table table-bordered data-table">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
@forelse($users as $user)
<tr>
<td>{{ $user->id }}</td>
<td>{{ $user->name }}</td>
<td>{{ $user->email }}</td>
</tr>
@empty
<tr>
<td colspan="3">There are no users.</td>
</tr>
@endforelse
</tbody>
</table>
<!-- You can use Tailwind CSS Pagination as like here: -->
<!-- {!! $users->withQueryString()->links() !!} -->
{!! $users->withQueryString()->links('pagination::bootstrap-5') !!}
</div>
</div>
</div>
</body>
</html>
Pagination with appended parameter
{!! $data->appends(['sort' => 'votes'])->links() !!}
Pagination with appends requests all parameters
{!! $data->appends(Request::all())->links() !!}
Now, run the laravel 11 application using the following command.
php artisan serve
You might also like :
- Read Also: Get User Location using IP Address in Laravel 11
- Read Also: How to Search with Pagination in Laravel 10 Vue 3
- Read Also: Laravel 10 Create AJAX Pagination Example
- Read Also: How To Create Pagination Using jQuery
Recommended Post
Featured Post
Laravel 8 Yajra Datatable Exam...
In this article, we will see the laravel 8 yajra datatable example tutorial. Datatable provides users to many...
Sep-30-2020
Laravel 8 One To Many Relation...
In this example we will see laravel 8 one to many relationship example. Also you can use one to many relationship in lar...
Nov-03-2021
How To Create Dynamic Bar Char...
In this article, we will see how to create a dynamic bar chart in laravel 9. Bar charts are used to represent...
Mar-21-2022
Laravel 8 Order By Query Examp...
In this example we will see laravel 8 order by query example. how to use order by in laravel 8.The orderBy met...
Dec-01-2021