Laravel 10相册项目实现照片分页功能求助

1. 修改控制器照片查询逻辑 #

在处理相册详情的控制器方法中，将照片查询从get()/all()替换为paginate()方法，指定每页显示的照片数量：

// 示例：AlbumController 的 show 方法
public function show(Album $album)
{
    // 每页展示12张照片，可根据需求调整数值
    $photos = $album->photos()->paginate(12);
    return view('albums.show', compact('album', 'photos'));
}

2. 确认模型关联有效性 #

确保Album与Photo模型的关联配置正确，这是分页查询对应相册照片的前提：

Album 模型 #

public function photos()
{
    return $this->hasMany(Photo::class);
}

Photo 模型 #

public function album()
{
    return $this->belongsTo(Album::class);
}

3. 在 Blade 视图中渲染分页组件 #

在相册详情视图（如resources/views/albums/show.blade.php）中，先循环输出照片列表，再在底部添加分页链接：

<div class="photos-container">
    @foreach($photos as $photo)
        <div class="photo-card">
            <img src="{{ asset('storage/' . $photo->path) }}" alt="{{ $photo->title }}">
            <p>{{ $photo->title }}</p>
        </div>
    @endforeach
</div>

<!-- 渲染分页导航 -->
<div class="mt-8">
    {{ $photos->links() }}
</div>

若需自定义分页样式，可执行命令发布分页视图资源：

php artisan vendor:publish --tag=laravel-pagination

之后修改resources/views/vendor/pagination下的视图文件，适配你的前端样式即可。

4. 可选：扩展分页功能 #

• 排序分页：按照片创建时间倒序分页

$photos = $album->photos()->latest()->paginate(12);

• 带搜索的分页：保留搜索参数的同时分页

$searchKeyword = request()->query('search');
$photos = $album->photos()
    ->when($searchKeyword, function ($query) use ($searchKeyword) {
        $query->where('title', 'like', "%{$searchKeyword}%");
    })
    ->latest()
    ->paginate(12);

$photos->links()会自动携带当前请求的查询字符串，无需额外处理。

内容的提问来源于stack exchange，提问作者Phenox