从外键表 Laravel 中获取第一张图片

Question

参考：Fetch first image from foreign key table 但这次是在 Laravel。

我开始使用 Laravel，我想从每个帖子中获取第一张图片，并在我的刀片中展示这些图片。

$secondpost = DB::table('posts')
        ->orderBy('id', 'desc')
        ->skip(1)
        ->take(8)
        ->get();

foreach ($secondpost as $spost)
$secondph = DB::table('post_images')
        ->select('filename')
        ->where('post_id', $spost->id)
        ->limit(1)
        ->get()
        ->pluck('filename');

return view ('pages.index', compact('firstp', 'fph', 'secondpost', 'secondph'));

<div class="row">
 @foreach ($secondpost as $secondp)
 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 post-ab">
  <div class="row">
   @foreach ($secondph as $sph);
    <img src="{{url($sph)}}" class="imgpost" alt="">
   @endforeach
    <div class="bottomleft">
      <p class="ab-desc">{{$secondp->marca}} {{$secondp->model}}</p>
      <p class="ab-desc">{{$secondp->pret}} Eur</p>
    </div>
    </div>
   </div>
 @endforeach
</div>

此代码只为每个 img src 加载一张图片。 post_id 是posts表id的外键。

Answer 1

您需要确认的事项很少。

1. 您已经为表创建了模型，例如 Post 为 posts 表和 PostImages 为 post_images 表。如果没有，请遵循文档。 https://laravel.com/docs/5.8/eloquent

2. 您已在 post 模型中与 post_images 创建了 hasMany 关系。喜欢：

在Post 模型中。

/**
* Get the images for the post.
*/
public function images()
{
    return $this->hasMany('App\PostImage');
}

1. 然后将控制器更改为使用早期加载，例如：

$secondpost = \App\Post::with("images")
        ->orderBy('id', 'desc')
        ->skip(1)
        ->take(8)
        ->get();

现在视图看起来像：

<div class="row">
 @foreach ($secondpost as $secondp)
 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 post-ab">
  <div class="row">
    @php
        $image = $secondp->images->first();
    @endphp
    <img src="{{url($image->filename)}}" class="imgpost" alt="">
    <div class="bottomleft">
      <p class="ab-desc">{{$secondp->marca}} {{$secondp->model}}</p>
      <p class="ab-desc">{{$secondp->pret}} Eur</p>
    </div>
    </div>
   </div>
 @endforeach
</div>

解决方案：2

您可以与hasOne 创建另一个关系以获取单个图像，例如：

// In your Post model.

/**
* Get the default image for post.
*/
public function default_image()
{
    return $this->hasOne('App\PostImage')->orderBy("id");
}

更改控制器以使用->with("default_image")。

在视图中你可以使用如下：

    $secondp->default_image->filename