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

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

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

开始吧！

如何在 Laravel Blade 中使用 Bootstrap 分页步骤 1：安装 Laravel

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

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

poser create-project laravel/laravel bootstrap-pagination-democd bootstrap-pagination-demo

步骤 2：创建模型和迁移

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

php artisan make:model movie -m

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

<?phpuse IlluminateDatabaseMigrationsMigration;use IlluminateDatabaseSchemaBlueprint;use IlluminateSupportFacadesSchema;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 文件，添加如下代码：

<?phpnamespace DatabaseFactories;use IlluminateDatabaseEloquentFactoriesFactory;/** * @extends IlluminateDatabaseEloquentFactoriesFactory<AppModelsMovie> */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’), ]; }}