每10和2变化一次

Question

所以我在处理我需要打印的优惠券。我准备好了视图，我正在把优惠券传递到视图中：

public function printSelected($ids){
        $couponIDs = explode(',', $ids);
        $selectedCoupons = Coupon::find($couponIDs);

        return view('admin.coupons.print')->with(compact('selectedCoupons'));
    }

现在我需要以一种特定的方式遍历它们。

1. 每10张优惠券我需要一个新的“页面”块，因为10张优惠券适合一个页面块。
2. 每张优惠券我都需要一个新的表格行，因为2张优惠券或表格数据适合一排。

​

​

Answer 1

有多种方法可以做到这一点，但是我发现使用Collection对象的Collection方法是非常容易的。另一种选择是使用模量($index % 10 === 0)。

<div class="coupons">
    {{-- Create chunks of 10 as this is the max per page --}}
    @foreach($selectedCoupons->chunk(10) as $pageCoupons)
    <div class="page">
        <div class="subpage">
            <table>
                {{-- Create chunks of 2 so every row is filled with up to 2 coupons --}}
                @foreach($pageCoupons->chunk(2) as $rowCoupons)
                <tr>
                    {{-- Loop over the row coupons to create the columns --}}
                    @foreach($rowCoupons as $coupon)
                    <td>
                        <span class="coupon">{{ $coupon->code }}</span><br>
                        <hr>
                        <span class="name">{{ $coupon->user->name }}</span>
                    </td>
                    @endforeach
                </tr>
                @endforeach
            </table>
        </div>
    </div>
    @endforeach
</div>

Answer 2

您可以使用集合的chunk方法循环您的优惠券块：

<div class="coupons">
    @foreach ($selectedCoupons->chunk(10) as $page)
    <div class="page">
        <div class="subpage">
            <table>
                @foreach ($page->chunk(2) as $row)
                <tr>
                    @foreach ($row as $coupon)
                    <td>
                        <span class="coupon">{{ $coupon->code }}</span><br>
                        <hr>
                        <span class="name">{{ $coupon->user->name }}</span>
                    </td>
                    @endforeach
                </tr>
                @endforeach
            </table>
        </div>
    </div>
    @endforeach
</div>