如何限制与存储的数据库条目相关的@foreach 循环?

我正在使用 Laravel/PHP/Tailwindcss 创建一个博客。我使用 tailwind 将博客页面设计为有 6 张博客卡片。使用时@foreach $posts as $post结果重复 6 次。我只希望博客卡片填充数据库中有多少篇文章而不是重复自己。就我而言,现在是 6。

希望这张图片可以帮助提供更多我试图解释的内容。

https://ibb.co/PYMMf3Z

https://ibb.co/NLyFRCG (#2)

索引.blade.php

@extends('layout')

@section('title', 'Blog')


@section('content')


@foreach ($posts as $post)


<body class="text-cw-grey-700 ">

  <main class="container mx-auto max-w-6xl px-5">

    <article class="border-t border-cw-grey-100 flex justify-between py-10">

      <a href="#" class="w-1/2 mr-12">

        <img src="images/T-Sky.jpg" alt="" class="border-sm">

      </a>

      <div class="w-1/2 mt-4">

        <a href="#" class="text-cw-blue-300 hover:text-cw-blue-600 hover:underline text-sm mb-1 block">Link</a>

        <h1 class="mb-3"><a href="#"

            class="font-bold font-work-sans text-3xl text-cw-gray-800 leading-tight hover:text-cw-blue-600 hover:underline">{{ $post->title }}</a>

        </h1>

        <p class="leading-relaxed">{{ $post->excerpt }}</p>

      </div>

    </article>

    <div class="mt-4 grid grid-cols-3 gap-8 row-gap-6">

      <article>

        <a href="#">

          <img src="images/T-Sky.jpg" alt="" class="mb-2">

        </a>

        <a href="#" class="text-cw-blue-300 hover:text-cw-blue-600 hover:underline text-sm mb-1 block">Text here</a>

        <h2><a href="#"

            class="font-bold font-work-sans text-xl text-cw-gray-900 hover:text-cw-blue-600 hover:underline ">{{ $post->title }}</a>

        </h2>

        <p class="text-sm leading-loose">{{ $post->excerpt }}</p>

      </article>

      <article>

        <a href="#">

          <img src="images/T-Sky.jpg" alt="" class="mb-2">

        </a>

        <a href="#" class="text-cw-blue-300 hover:text-cw-blue-600 hover:underline text-sm mb-1 block">Text here</a>

        <h2><a href="#"

            class="font-bold font-work-sans text-xl text-cw-gray-900 hover:text-cw-blue-600 hover:underline ">{{ $post->title }}</a>

        </h2>


潇潇雨雨
浏览 95回答 0
0回答
打开App,查看更多内容
随时随地看视频慕课网APP