4

How to use Laravel pagination with Example?

 2 years ago
source link: https://www.laravelcode.com/post/how-to-use-laravel-pagination-with-example
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

How to use Laravel pagination with Example?

  3345 views

  2 years ago

Laravel

Hi, artisan

In this article, I will share with you how to use laravel pagination in your laravel application. i know this is not big task for more exp. developers in laravel. but this is only for a newcomer. so I will share here step by step.

Preview

how-to-use-pagination-in-laravel.png

Step - 1 : Create a New Laravel7 Application.

First, we need to create one fresh laravel application help of running the following artisan command in the terminal.

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

Step - 2 : Create Route

Now, we need to create one route for getting the data from the user's table and then listing the data with pagination. first, you should add some dummy data in the users table.

Route::get('get-users', 'UserController@getUser')->name('get-users');

Step - 3 : Create Controller

Now, we need to create UserController.php files help of the following artisan command.

php artisan make:controller UserController

Now write the following code in app/Http/Controllers/UserController.php file.

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\User;

class UserController extends Controller
{
    /**
     * Show the users listing
     *
     * @return \Illuminate\Contracts\Support\Renderable
     */
    public function getUser()
    {
    	$data = User::paginate(10);
        return view('users', compact('data'));
    }
}

Step - 4 : Create Blade File

Into the last, we need to create blade file in resources/views/users.blade.php file and simply write the following layout code into it.

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Users Data</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Fonts -->
    <link rel="dns-prefetch" href="//fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">

    <!-- Styles -->
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <table class="table table-striped">
            <thead>
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Email</th>
            </tr>
            </thead>
            <tbody>
                @foreach($data as $key => $value)
                <tr>
                    <td>{{ $value->id }}</td>
                    <td>{{ $value->name }}</td>
                    <td>{{ $value->email }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
        {{ $data->links() }}
    </div>
</body>
</html>

i hope it can be help you.

Author : Harsukh Makwana
Harsukh Makwana

Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on [email protected]


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK