Laravel：仅获取单击的图像以显示，而不是全部

Question

大家哟！

我实际上正在做一个学习 laravel 的 lil' 项目，这是我努力实现的目标：我希望我点击的图像显示在视图中，但不是我的所有图像（我的图像存储在数据库）。

我认为代码非常简单，我将与您分享：

我使用的控制器：

<?php

namespace App\Http\Controllers;

use App\Models\Images;
use Illuminate\Support\Facades\DB;

class ShowAdults extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        $query = DB::table('images')->where('type', 'F');

        $images = $query->orWhere('type', 'M')->get();
    
        return view('showimages.chiens',compact('images'));
    }

     /**
     * Display the specified resource.
     *
     * @param  \App\Models\Images  $images
     * @return \Illuminate\Http\Response
     */
    public function show(Images $images)
    {
        $images = DB::table('images')->select('*')->get();
        
        return view('showimages.displaydog',compact('images'));
    }

    
}

以及显示图像的视图部分：

@foreach($images as $image)
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <strong>Name:</strong>
                    {{ $image->name }}
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <strong>Details:</strong>
                    {{ $image->detail }}
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="form-group">
                    <strong>Image:</strong>
                    <img src="/image/{{ $image->image }}" width="500px">
                </div>
            </div>
        </div>
@endforeach

现在，我知道这个逻辑应该显示我存储在我的DB，但是假设我像这样分享它，因为我尝试过的所有其他方法......混乱哈哈。

你们知道我如何更改循环中的逻辑，以便当我单击图像时它显示我单击的图像而不是所有存储的图像吗？

非常感谢您的时间，提前抱歉，因为即使对我来说，经过几个小时的搜索后我找不到它似乎很愚蠢，我想我需要知道如何更好地搜索东西^^'。

Answer 1

好吧，我所要做的就是将链接放入图像，如下所示：

<a href="/displaydog/{{ $image->id }}" ><img src="/image/{{ $image->image }}" width="140px"></a>

我认为我必须在控制器和/或路线中做一些事情，但我只需修改图像本身链接中的路线。

再次感谢您对我的帮助，祝大家有美好的一天！

编辑：在我看来摆脱了 foreach 循环，让它像那样工作