在数据库的相同ID下一一显示多行

Question

I have a table hobbies tables that has multiple rows under parent ID. In my view, my records are displayed altogether. But I want to display these row records one-by-one or individually.

My Table:

Parent.php

class Parent extends Model
{
    public function feature() 
    {
        return $this->hasMany(Feature::class, 'product_id');
    }
}

Feature.php

class Feature extends Model
{

    public function feat()
    {
        return $this->belongsTo(Parent::class);
    }
}

Controller.php

public function display($url)
{
    $parent = Parent::where('url', $url)->firstorfail();
    $feat = Feature::with(['feat','user'])->get();

    return view ('display', compact('parent', 'feat'));
}

display.blade.php

@foreach($feat as $show)
    <img alt="{{ $show->col_name }}" src="{{url($show->col_img) }}"/>
@endforeach

I want to display like this

Answer 1

I assume that you want to get a parent (or is it a product) by the given url. In your view you want to display all features attached/related to/with this parent.

First of all, change your Models as shown below (assuming your Models are stored under app/ :

class Parent extends Model
{
    public function features() 
    {
        return $this->hasMany('App\Feature', 'product_id');
    }
}


class Feature extends Model
{
    public function parent()
    {
        return $this->belongsTo('App\Parent');
    }
}

Now it is enough to search for your parent in your controller:

public function display($url)
{
    $parent = Parent::where('url', $url)->firstorfail();
    $feature = Feature::where('parent_id', $parent->id)->first();
    return view ('display', ['parent' => $parent, 'feature' => $feature]);
}

Finally you can access your features in your template-file as shown below:

// Show your parent-information
<h1>{{ $parent->name }}</h1>

<img src="{{ $feature->col_img }}" alt="{{ $feature->col_name }}">

I hope that this is what you were searching for!

To display random images at the top, middle and bottom of your page, you could use Laravel's array_random-function :

@php
    // store your features in a temporary variable
    $features = $parent->features;

    // collect feature and remove it from array
    $feature1 = array_random($features);
    array_forget($features, $feature1);
    $feature2 = array_random($features);
    array_forget($features, $feature1);
    $feature3 = array_random($features);
@endphp

<!-- Top -->
<img src="{{ $feature1->col_img }}" alt="{{ $feature1->col_name }}">

<!-- Middle -->
<img src="{{ $feature2->col_img }}" alt="{{ $feature2->col_name }}">

<!-- Bottom -->
<img src="{{ $feature3->col_img }}" alt="{{ $feature3->col_name }}">

I don't know if Laravel's array_random works this way . So maybe you have to remove the returned item another way.