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

时间:2017-05-13 09:35:01

标签: php css mysql

我是动态网站的新手,我有一个网站,里面会有卡片形式的艺术家列表,如何从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>

1 个答案:

答案 0 :(得分:0)

正如佩德罗已经说过的那样,我建议你先看看在你需要之前加载所有这些东西。

我无法确切地告诉您在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