如何在 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 请求

Answer 2

vn fgnzhgnfnfhrdtfng fhrthfgbnrthnfnrngnrynfnhrghfnrhnfnfgtrghgfbrghgnrfnhtrhnfghnrhfhrhrhhhrhtryhrhryhryhrhrhrhrhrhrh