Laravel项目中按分类展示图片take(10)失效如何解决？

问题根源 #

你之前的逻辑存在两个核心问题：

1. Controller中如果是多分类一起查询后调用take(10)，会直接取所有符合条件数据的前10条，而非每个分类各取10条；
2. Blade中用全量数据加$loop->iteration<=10过滤，是限制全量数据的前10条显示，而非每个分类的前10条——当全量数据的第11条之后包含某分类的内容时，该分类的内容会被直接过滤，哪怕该分类只有3条数据。

解决方案 #

方案1：用集合分组处理（适合数据量不大的场景） #

在Controller中先获取所有数据，按分类分组后，对每个分组单独截取最多10条：

// Controller代码
$portfolios = \App\Models\Portfolio::latest()
    ->get()
    ->groupBy('category') // 替换成你实际的分类字段名
    ->map(function ($categoryItems) {
        return $categoryItems->take(10); // 每个分类保留最多10条
    });

return view('your-view', compact('portfolios'));

然后在Blade模板中直接遍历分组后的分类和对应数据，无需额外过滤：

{{-- Blade模板代码 --}}
@foreach($portfolios as $categoryName => $items)
    <div class="category-section">
        <h2>{{ $categoryName }}</h2>
        <div class="portfolio-images">
            @foreach($items as $portfolio)
                <img src="{{ $portfolio->image_path }}" alt="{{ $portfolio->name }}">
                <!-- 其他Portfolio内容 -->
            @endforeach
        </div>
    </div>
@endforeach

方案2：单独查询每个分类（适合数据量大的场景） #

如果数据库中Portfolio数据较多，集合分组的性能会下降，建议单独查询每个目标分类的前10条数据：

// Controller代码
$targetCategories = ['fabrikasi', 'konstruksi']; // 你的目标分类列表
$portfolios = collect();

foreach ($targetCategories as $category) {
    $categoryItems = \App\Models\Portfolio::where('category', $category)
        ->latest()
        ->take(10)
        ->get();
    $portfolios->put($category, $categoryItems);
}

return view('your-view', compact('portfolios'));

Blade模板的遍历逻辑和方案1完全一致。

为什么之前的Blade逻辑会失效？ #

假设全量数据中，前10条都是konstruksi分类的内容，第11-13条是fabrikasi分类的3条数据。此时$loop->iteration<=10会只显示前10条（全是konstruksi），fabrikasi的3条因为循环迭代数超过10，会被直接跳过，导致无法显示。

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