php - 如何在 css 容器中加载数据库条目

Question

我是动态网站的新手，我有一个网站，其中包含卡片形式的艺术家列表，如何从 MySQL 加载数据库条目，以便它们以这种格式准确加载，然后自动加载滚动时加载？我是否必须复制容器并在每个容器中使用 PHP 引用数据？

 <div id="feed">
    <div class="feed_item">
        <div class="feed_img"></div>
        <h2 class="feed_title">Karamantoso</h2>
    </div>
    <div class="feed_item">
        <div class="feed_img"></div>
        <h2 class="feed_title">Yamyom</h2>
    </div>
    <div class="feed_item">
        <div class="feed_img"></div>
        <h2 class="feed_title">Hayom</h2>
    </div>
    <div class="feed_item">
        <div class="feed_img"></div>
        <h2 class="feed_title">Sha</h2>
    </div>
</div>

Answer 1

正如 Pedro 已经说过的，我建议您在按需加载它们之前先看看一次加载所有这些。

我还不能确定您在 PHP 方面取得了多大进展，所以我将从您处理查询的位置开始解释并将其存储在 $result 中。

首先，您不必事先准备 HTML，因为这不适用于动态数量的条目，因此我们希望尽可能避免硬编码。相反，我们让 PHP 为我们做这件事。

if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
         //This gets executed for every MySQL entry
    }
}

在 while 循环中，我们可以只使用 echo HTML 的条目。我们可以从 $row 中获取的内容:

while($row = $result->fetch_assoc()) {
     //This gets executed for every MySQL entry
     echo "<div class=\"feed_item\">";
     echo "<img src=\"" . $row['img'] . "\">";
     echo "<h2 class=\"feed_title\">" . $row['title'] . "</h2>";
     echo "</div>";
}

请记住，对于 $row['whatever']，您当然必须使用您在 MySQL 表中声明的自己的行。

所有这些 php 内容都应该放入您的 feed div 中:

<div id="feed">
    <?
        //Right here :)
    ?php>
</div>

因此，一旦您完全理解了这一点，要按需加载内容，您可能必须使用 AJAX。在我看来，解释得很好的视频是 this .即使视频是关于存储在某些网络服务器上的 JSON，它也适用于 PHP requests