程式碼:

<div>
  <a href="/">商品列表</a>
  <a href="/contactUs">聯絡我們</a>
</div>
<h2>商品列表</h2>
<img src="https://origaminojikan.com/wp-content/uploads/2022/10/origami_50892-500x375.jpg" width="600" height="400" alt="一張圖片">
<table>
  <thead>
    <tr>
      <td>標題</td>
      <td>內容</td>
      <td>價格</td>
      <td></td>
    </tr>
  </thead>
  <tbody>
  @foreach ($products as $product)
    <tr>
      <td>{{ $product->title }}</td>
      <td>{{ $product->content }}</td>
      <td>{{ $product->price }}</td>
      <td></td>
    </tr>
  @endforeach
  </tbody>
</table>
---------------
畫面顯示
 
對應資料庫:
 

在WebController加入程式碼