如何在 Laravel Blade 中使用 Bootstrap 分页（教程）-php教程-PHP中文网

如何在 Laravel Blade 中使用 Bootstrap 分页（教程）

霞舞

发布： 2025-01-20 14:26:17

原创

381人浏览过

如何在 laravel blade 中使用 bootstrap 分页（教程）

本教程演示如何在 Laravel Blade 模板中集成 Bootstrap 分页功能。我们将创建一个示例应用，播种 10000 条电影数据，并利用 Bootstrap 和 Laravel Blade 将其分页显示。教程也涵盖了在 Laravel 11 中使用 Larapex Charts 包创建动态 ApexCharts 图表的方法。

为什么要播种一万条记录？为了测试应用在大量数据下的分页性能表现。

开始吧！

如何在 Laravel Blade 中使用 Bootstrap 分页

步骤 1：安装 Laravel

如果你尚未创建 Laravel 项目，请先创建一个：

打开终端并执行以下命令：

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

登录后复制

步骤 2：创建模型和迁移

接下来，生成电影模型和迁移文件，定义电影数据库结构：

php artisan make:model movie -m

登录后复制

编辑迁移文件 database/migrations/2023_12_03_213058_create_movies_table.php，添加如下代码：

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    public function up(): void
    {
        Schema::create('movies', function (Blueprint $table) {
            $table->id();
            $table->string('title');
            $table->string('country');
            $table->date('release_date');
            $table->timestamps();
        });
    }

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

登录后复制

步骤 3：运行迁移

执行迁移，在数据库中创建 movies 表：

php artisan migrate

登录后复制

步骤 4：创建工厂

使用以下命令生成电影工厂：

php artisan make:factory MovieFactory --model=movie

登录后复制

然后，编辑 database/factories/MovieFactory.php 文件，添加如下代码：

<?php

namespace Database\Factories;

use Illuminate\Database\Eloquent\Factories\Factory;

/**
 * @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\Movie>
 */
class MovieFactory extends Factory
{
    /**
     * Define the model's default state.
     *
     * @return array<string, mixed>
     */
    public function definition(): array
    {
        return [
            'title' => $this->faker->sentence,
            'country' => $this->faker->country,
            'release_date' => $this->faker->dateTimeBetween('-40 years', 'now'),
        ];
    }
}

登录后复制