Laravel 7 Pagination Example Tutorial
Today, We will explain to you how to create pagination in laravel 7. so you can see our laravel 7 pagination example tutorial.
Pagination means document content dividing into multiple pages. whenever we have one long page at that time we dividing into multiple pages. but, laravel provides the in-build functionality for pagination like as paginate(), count() and link(). we just use of this functionality.
So, you can see below the example to create simple pagination in laravel 7 (laravel pagination).
Overview
Step 1: Install Laravel 7
Step 2: Create Routes
Step 3: Create UsersController
Step 4: Create Blade File
Step 5: Run Our Laravel Application
Step 1: Install Laravel 7
We are going to install laravel 7, so first open the command prompt or terminal and go to go to xampp htdocs folder directory using the command prompt. after then run the below command.
1 | composer create-project --prefer-dist laravel/laravel laravel7_pagination |
Step 2: Create Routes
Add the following route code in the “routes/web.php” file.
1 2 3 4 5 6 7 8 9 10 11 12 13 | <?php /* |-------------------------------------------------------------------------- | Web Routes |-------------------------------------------------------------------------- | | Here is where you can register web routes for your application. These | routes are loaded by the RouteServiceProvider within a group which | contains the "web" middleware group. Now create something great! | */ Route::get('page', 'UsersController@index'); ?> |
Step 3: Create UsersController
Here in this step, we will create the UsersController and index method. after then we will return the limit data for view file.
You can use the below command use for create a controller.
1 | php artisan make:controller UsersController |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <?php namespace App\Http\Controllers; use Illuminate\Http\Request; use App\User; class UsersController extends Controller { /** * Display a listing of the resource. * * @return \Illuminate\Http\Response */ public function index() { $data = User::paginate(10); return view('pagination',compact('data')); } } ?> |
Step 4: Create Blade File
Finally, We will create a pagination.blade.php file in the “resources/views/” folder directory and paste the below code. here, in this file we use the {!! $data->links() !!} for pagination.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | <!DOCTYPE html> <html lang="en"> <head> <title>Laravel 7 Pagination Example Tutorial</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <div class="row"> <div class="col-lg-12"> <table class="table table-bordered" id="laravel"> <thead> <tr> <th>Id</th> <th>Name</th> <th>Email</th> <th>Created at</th> </tr> </thead> <tbody> @if(!empty($data) && $data->count()) @foreach($data as $user) <tr> <td>{{ $user->id }}</td> <td>{{ $user->name }}</td> <td>{{ $user->email }}</td> <td>{{ date('d m Y', strtotime($user->created_at)) }}</td> </tr> @endforeach @else <tr> <td colspan="4">No data found.</td> </tr> @endif </tbody> </table> </div> </div> <div class="row"> <div class="col-lg-12"> {!! $data->links() !!} </div> </div> </div> </body> </html> |
Step 5: Run Our Laravel Application
We can start the server and run this example using the below command.
1 | php artisan serve |
Now we will run our example using the below Url in the browser.
1 | http://127.0.0.1:8000/page |