Laravel显示带有子类别的产品

Question

I have MainController with code:

public function index()
{
    $products = Product::with('category')->paginate(15);

    return view('main', compact('products'));
}

In blade:

                       <table class="table">
                            <tr>
                                <th class="th-1">Name</h2></th>
                                <th class="th-2">Count <!--<span><i class="fas fa-chevron-up"></i>--></span></th>
                                <th class="th-3">Price <!--<span><i class="fas fa-chevron-up"></i>--></span></th>
                                <th class="th-4">Sales <!--<span><i class="fas fa-chevron-up"></i>--></span></th>
                                <th class="th-5"></th>
                            </tr>
                            {{-- {{ dd($products->groupBy('category_id')) }} --}}

                            @include('products')
                        </table>
        <div class="pagination mt-3">
            {{ $products->links() }}
        </div>

In products blade:

@forelse($products->groupBy('category.title') as $title => $prods)
{{-- @forelse($products as $product) --}}
<tr class="category">
    <td colspan="5">{{ $title }}</td>
</tr>

@foreach($prods as $product)
<tr>
        <td>
            <div class="icon float-left mr-2">
                <span class="{{ $product->category->slug ?? '' }}"><i class="{{ $product->category->icon['font'] ?? 'far fa-file-alt' }}" @isset($product->category->icon['color']) style="color: {{ $product->category->icon['color'] }}" @endisset></i></span>
            </div>
            <p class="mb-0" data-toggle="tooltip" data-placement="top" title="{{ $product->description }}">
                {!! $product->title !!}
            </p>
        </td>
        <td>
            {{ $product->product_count }}
        </td>
        <td>
            @if($product->discount)
                <del class="text-danger">{{ $product->oldPrice }} $.</del>
                {{ $product->price }} $. <span class="text-muted">/ 1 cnt.</span>
            @else
                {{ $product->price }} $. <span class="text-muted">/ 1 cnt.</span>
            @endif
        </td>
        <td>
            {{ $product->sales }}
        </td>
        <td class="text-right">
            <a href="{{ route('showproduct', $product) }}" class="btn btn-success btn-sm">
                <i class="fas fa-arrow-right"></i>
                Readmore
            </a>
        </td>
    </tr>
@endforeach

@empty
<tr>
    <td colspan="5">

            <p>-</p>

    </td>
</tr>
 @endforelse

In model Category I have relations children , and parent :

public function children()
{
    return $this->hasMany(self::class, 'parent_id');
}

public function parent()
{
    return $this->belongsTo(self::class, 'parent_id');
}

public function products()
{
    return $this->hasMany(Product::class);
}

Now I get products on page:

Category
1. Product 1
2. Product 2
3. Product 3

Another Category
1. Product 1
2. Product 2
3. Product 3

How I can add child and get the result?

Category
1. Product
2. Product
----- Category Child
----- 1. Product
----- 2. Product

Another Category
1. Product
2. Product
----- Category Child
----- 1. Product
----- 2. Product
3. Product

UPDATE

Now I get duplicates:

Category
1. Product 1
2. Product 2
3. Product 3

Another Category
1. Product 1
2. Product 2
3. Product 3

How I can add child and get the result?

Category
1. Product
2. Product
----- Category Child
----- 1. Product
----- 2. Product

Another Category
1. Product
2. Product
3. Product

Category Child
1. Product
2. Product

Answer 1

You can achieve this behavior with recursion. The main idea is to call a products partial when the parent product has children. The first thing to do is to send all categories to the view, not the products . So, in Controller:

public function index()
{
    $categories = Category::paginate(15);

    return view('main', compact('categories'));
}

And then, in the view, you loop the categories in recursion. This is the main idea:

Products.blade:

//Code...
<h1>List</h1>
@foreach ($categories as $category)
    @include('partial', ['category' => $category])
@endforeach
//Code...

And then you can create a file called partial.blade :

{{ $category->title }}

@foreach ($category->products as $product)
    {!! $product->title !!}
    //Other attributes
@endforeach

@if ($category->children()->count() > 0)
    @foreach ($category->children as $child)
        @include('partial', ['category' => $child])
    @endforeach
@endif

The main idea is to call partial.blade when a specific category has children. So, you call it for every child again.