时间戳

首页 > 解决方案 > 如何在 Laravel 5.6 的索引页面中只显示一张图片？

php - 如何在 Laravel 5.6 的索引页面中只显示一张图片？

问题描述

我的桌子上有多张与女巫相关的图像vehicle_id，例如，

image table
id          fileName        vehicle_id
1            1.jpg               1
2            2.jpg               1
3            3.jpg               1
4            4.jpg               1
5            28.png              2
5            28.png              2
6            29.png              2
7            30.png              3
8            31.png              3
9           56.png               3

车辆表与图像表和数据图有很多关系，使用 Eager loaderVehicleController

$vehicles = Vehicle::with('image')->get();
        return view('vechicles.index')->withVehicles($vehicles);

现在这些图像显示在车辆/index.blade.php 文件中

@foreach($vehicle->images as $image)

     <tr>
                    <td><a href="{{route('vechicles.show',$vehicle->id)}}"><img src="/images/{{ $image->resized_name }}"></a></td>

                </tr>

    @endforeach

我的问题现在出现了，通过这种方式，我可以在表格中显示与正确相关的所有图像，vehicle_id但是，我只需要vehicle_id在上面的行中显示一个图像（匹配），如缩略图。那我该如何配置呢？

更新的控制器

 public function index()
    {
        $vehicles = Vehicle::with('images')->get();
        return view('vechicles.index')->withVehicles($vehicles);
    }

更新的完整刀片

@extends('layouts.app')

@section('content')
<div class="container"> 
    <div class="row"> 
        <div class="col-md-10 col-md-offset-1">
@if($vehicles)

@foreach($vehicles as $vehicle)
{{$vehicle->district}}
{{$vehicle->town}}
{{$vehicle->brand}}
{{$vehicle->model}}
<hr>
@foreach($vehicle->images as $image)

     <tr>
                    <td><a href="{{route('vechicles.show',$vehicle->id)}}"><img src="/images/{{ $image->resized_name }}"></a></td>

                </tr>

    @endforeach

@endforeach
@endif

</div>

</div>
</div>
@endsection

标签： phplaravel-5

解决方案

您现在正在循环浏览每张图片。您可以使用以下代码简单地检索图像：

 $vehicle->images()->first()->resized_name

因此，您显示图像的代码将是：

@extends('layouts.app')

@section('content')
 <div class="container"> 
  <div class="row"> 
    <div class="col-md-10 col-md-offset-1">
     @if($vehicles)

     @foreach($vehicles as $vehicle)
      {{$vehicle->district}}
      {{$vehicle->town}}
      {{$vehicle->brand}}
      {{$vehicle->model}}
      <hr>
       <tr>
        <td>
         <a href="{{route('vechicles.show',$vehicle->id)}}"><img 
          src="/images/{{ $vehicle->images()->first()->resized_name 
         }}"></a>
        </td>
       </tr>

    @endforeach
    @endif

 </div>

 </div>
 </div>
 @endsection

推荐阅读