在表格中创建可点击链接以在点击时显示更多详细信息答案

【问题标题】：Create clickable link in table to show more details when clicked在表格中创建可点击链接以在点击时显示更多详细信息
【发布时间】：2022-01-04 02:06:20
【问题描述】：

<tbody style="text-align: center!important;">
    @foreach ($freeToday as $key => $item)
        <tr style="height: 21px;">
            <td style="background-color: #ffffff;">
                <span>{{ \Carbon\Carbon::parse($item->gameTime)->format('H:i') }}</span>
            </td>
            <td><span>{{ $item->league }}</span></td>
            <td style="background-color: #ffffff;"><span>{{ $item->teamOne }}
                    <span style="color: #ff0000;"><strong>VS</strong></span>
                    {{ $item->teamTwo }}</span></td>
            <td><span><strong>{{ $item->FTRecommendation }}</strong></span></td>
             <td><a href="{{ url('/gamedetails') }}/{{ $value->id }}" data-target="/gamedetail" data-toggle="modal"><span style="color: green;"><span class="fa fa-eye"></span> VIEW</span></a>

             </td>
            <td>
                @if ($item->FreePickStatus == '1')
                    <span class="fa fa-check-circle text-success"></span>
                @elseif($item->FreePickStatus=="2")
                    <span class="fa fa-times-circle text-danger" style="color:red;"></span>
                @elseif($item->FreePickStatus=='3')
                    <span style="color:red">pstp</span>
                @else
                    ?
                @endif
            </td>

        </tr>
    @endforeach
</tbody>

我的主页刀片中有上面的表格，其中显示了已保存到数据库中的匹配项，现在我想要实现的是当访问者单击查看按钮时，它将打开一个新窗口以显示所有匹配项详细信息对于那场特定的比赛。我的 gamedetails.blade.php 中有这个

<div class="row">
        <div class="col-md-6">
            <?php
                $g11 = substr($game->teamOneForm, 0, 1);          $g12 = substr($game->teamOneForm, 1, 1);
                $g13 = substr($game->teamOneForm, 2, 1);          $g14 = substr($game->teamOneForm, 3, 1);
                $g15 = substr($game->teamOneForm, 4, 1);

                $g21 = substr($game->teamTwoForm, 0, 1);          $g22 = substr($game->teamTwoForm, 1, 1);
                $g23 = substr($game->teamTwoForm, 2, 1);          $g24 = substr($game->teamTwoForm, 3, 1);
                $g25 = substr($game->teamTwoForm, 4, 1);
            ?>
            <style>
                .class1{color: white; background: green; padding: 3px 8px; border-radius: 100px; font-weight: bold;}
                .class2{color: green; background: yellow; padding: 4px 10px; border-radius: 100px; font-weight: bold;}
                .class3{color: white; background: red; padding: 3px 10px; border-radius: 100px; font-weight: bold;}
                .cont{margin-bottom: 0px; margin-top: 0px; text-align: center;}
            </style>

                <table class="table">
                    <tr>
                        <td><h3 class="cont">{{$game->teamOne}}</h3></td>
                        <td rowspan="3" style="background: darkgreen; color: red; text-align: center" valign="bottom">VS</td>
                        <td><h3 class="cont">{{$game->teamTwo}}</h3></td>
                    </tr>
                    <tr>
                        <td>
                            @if($g11=='W') <span class="class1">{{$g11}}</span>    @elseif ($g11=='D') <span class="class2">{{$g11}}</span>
                            @else    <span class="class3">{{$g11}}</span>   @endif

                            @if($g12=='W') <span class="class1">{{$g12}}</span> @elseif ($g12=='D') <span class="class2">{{$g12}}</span>
                            @else     <span class="class3">{{$g12}}</span>    @endif

                            @if($g13=='W') <span class="class1">{{$g13}}</span> @elseif ($g13=='D') <span class="class2">{{$g13}}</span>
                            @else     <span class="class3">{{$g13}}</span>    @endif

                            @if($g14=='W') <span class="class1">{{$g14}}</span> @elseif ($g14=='D') <span class="class2">{{$g14}}</span>
                            @else     <span class="class3">{{$g14}}</span>    @endif

                            @if($g15=='W') <span class="class1">{{$g15}}</span> @elseif ($g15=='D') <span class="class2">{{$g15}}</span>
                            @else     <span class="class3">{{$g15}}</span>    @endif
                        </td>
                        <td>
                            @if($g21=='W') <span class="class1">{{$g21}}</span>    @elseif ($g21=='D') <span class="class2">{{$g21}}</span>
                            @else    <span class="class3">{{$g21}}</span>   @endif

                            @if($g22=='W') <span class="class1">{{$g22}}</span> @elseif ($g22=='D') <span class="class2">{{$g22}}</span>
                            @else     <span class="class3">{{$g22}}</span>    @endif

                            @if($g23=='W') <span class="class1">{{$g23}}</span> @elseif ($g23=='D') <span class="class2">{{$g23}}</span>
                            @else     <span class="class3">{{$g23}}</span>    @endif

                            @if($g24=='W') <span class="class1">{{$g24}}</span> @elseif ($g24=='D') <span class="class2">{{$g24}}</span>
                            @else     <span class="class3">{{$g24}}</span>    @endif

                            @if($g25=='W') <span class="class1">{{$g25}}</span> @elseif ($g25=='D') <span class="class2">{{$g25}}</span>
                            @else     <span class="class3">{{$g25}}</span>    @endif
                        </td>
                    </tr>
                    <tr>
                        <td style="font-size: 120%;"><strong>ODDS: </strong>{{$game->teamOneOdds}}</td>
                        <td style="font-size: 120%;"><strong>ODDS: </strong>{{$game->teamTwoOdds}}</td>
                    </tr>
                    @if($game->teamOneWon=='')
                        <tr>
                            <td colspan="3" style="background: darkgreen; color: red; text-align: center"><center>RESULT NOT YET ADDED</center></td>
                        </tr>
                        @else
                        <tr>
                            <td style="background: darkgreen; color: red;"><b>Score: </b> {{$game->teamOneScore}}</td>
                            <td style="background: darkgreen; color: red;"><center></center></td>
                            <td style="background: darkgreen; color: red;"><b>Score: </b> {{$game->teamTwoScore}}</td>
                        </tr>
                    @endif
                    @if($game->cornerStatus=='1')
                        <tr>
                            <th>Corner Result</th>
                            <td></td>
                            <td>{{$game->cornerResult}}</td>
                        </tr>
                    @endif
                </table>
                
        </div>
</div>

问题是当我单击时，它显示一个未找到的页面。请问，我该如何实现呢？

【问题讨论】：

欢迎来到 SO ... 第一组代码中的 $value 变量来自哪里？

标签： laravel routes

【解决方案1】：

确保您已注册该路线。

首先我建议使用named route：

Route::get('/gamedetails/{game}', [GameController::class, 'show'])->name('game.show');

通过这种方式，您可以在刀片中创建一个链接，如下所示：

{{route('game.show', $item)}}

在这种情况下，项目将是您要访问的项目，即对象 Game 或您的对象的名称。

对于控制器，您将拥有如下所示的显示功能：

 public function show(Game $game)
{
    return view('game.show', [
        'game'     => $game,
    ]);
}

当然，您必须将模型放入您拥有的模型中。 More info here

【讨论】：