Ce didacticiel montre comment implémenter la pagination bootstrap dans une application Laravel Blade. Nous allons créer une application qui remplit une base de données avec 10 000 enregistrements de films et les affiche dans une liste paginée en utilisant le style de Bootstrap et le moteur de modèles de lame de Laravel. Le grand ensemble de données assure des pages suffisantes pour des tests approfondis de la fonctionnalité de pagination.

Commençons!

Comment utiliser la pagination bootstrap dans Laravel Blade

Étape 1: Configuration de Laravel

Tout d'abord, créez un nouveau projet Laravel (si vous ne l'avez pas déjà fait). Ouvrez votre terminal et exécutez:

composer create-project laravel/laravel bootstrap-pagination-demo
cd bootstrap-pagination-demo

Étape 2: Création du modèle de film et de la migration

Suivant, générez un modèle film et son fichier de migration correspondant:

php artisan make:model Movie -m

Modifiez le fichier de migration ( Database / Migrations / xxxx_xxxx_xx_create_movies_table.php ) pour définir la structure de la table 'Films':

id();
            $table->string('title');
            $table->string('country');
            $table->date('release_date');
            $table->timestamps();
        });
    }

    public function down(): void
    {
        Schema::dropIfExists('movies');
    }
};

Étape 3: exécution de la migration

Exécutez la migration pour créer la table 'Films' dans votre base de données:

php artisan migrate

Étape 4: Création de l'usine de films

Générez une usine pour le modèle film pour créer des exemples de données:

php artisan make:factory MovieFactory --model=Movie

remplit le fichier d'usine ( base de données / usines / moviefactory.php ) avec le code suivant:

 */
class MovieFactory extends Factory
{
    /**
     * Define the model's default state.
     *
     * @return array
     */
    public function definition(): array
    {
        return [
            'title' => $this->faker->sentence,
            'country' => $this->faker->country,
            'release_date' => $this->faker->dateTimeBetween('-40 years', 'now'),
        ];
    }
}

En savoir plus