尝试在 php 中创建循环卡(引导程序)

Posted

技术标签:

【中文标题】尝试在 php 中创建循环卡(引导程序)【英文标题】:Trying to create a looping cards in php (bootstrap) 【发布时间】:2020-10-07 11:28:12 【问题描述】:

我是 phpmysqli 的新手,正在尝试制作一些基本的网站。

基本上我想在 php 中创建一个循环语句以在同一行中创建具有相同大小和 col 的卡片,而无需我自己在 html 中手动创建卡片。

使用 bootstrap、php 和 mysqli

代码运行成功,但输出与引导卡不匹配,拒绝在同一行

谁能帮助我?谢谢

<?php include("conn.php"); ?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="icon" href="img/ArdiantaPargo.png" />
        <link rel="stylesheet" href="https://getbootstrap.com/docs/4.1/dist/css/bootstrap.min.css" />
        <link rel="stylesheet" href="bootstrap/css/style.css" />
        <link rel="stylesheet" href="font-awesome/css/font-awesome.css" />
    </head>
    <body>

        <header>
            <?php include("header.php"); ?>
        </header>

        <nav class="navbar navbar-default"><?php include("menu.php"); ?></nav>

        <article>

        <div class="container">

          <div class="row">
            <div class="col-md-4">
              <div class="card mb-4 shadow-sm">

                    

                        <!-- article ------------------->
                        <?php

                            $query = mysqli_query($koneksi, "SELECT * FROM article ORDER BY datae DESC");

                            // looping Artikel
                            while($artikel = mysqli_fetch_array($query))
                                echo "<div class='card-body'>";
                                echo "<a class='card-title' href='artikel.php?id=".$artikel['id']."' />".$title['title']."</a>";
                                echo "<p class='article-date'>Oleh <b>".$author['author']."</b>, pada ".$article['date']."</p>";
                                echo "</div>";
                            

                        ?>
                        <!-- END article --------------->
                    </div>
                </div>
            </div>
        </div>

        </article>

        <footer>
            <?php include("footer.php"); ?>
        </footer>

    </body>
</html>

【问题讨论】:

【参考方案1】:

我认为您将卡的一部分留在了循环之外。我猜你有一个 &lt;div class="card"&gt; 包含许多 &lt;div class="card-body"&gt;s。

我会将&lt;div class="row"&gt; 排除在您的循环之外,但其中的所有内容都应该是循环的一部分。

<div class="row">
    <?php

                        $query = mysqli_query($koneksi, "SELECT * FROM article ORDER BY datae DESC");

                        // looping Artikel
                        while($artikel = mysqli_fetch_array($query))
                            echo "<div class='col-12 col-md-4'>";
                            echo "<div class='card mb-4 shadow-sm'>";
                            echo "<div class='card-body'>";
                            echo "<a class='card-title' href='artikel.php?id=".$artikel['id']."' />".$title['title']."</a>";
                            echo "<p class='article-date'>Oleh <b>".$author['author']."</b>, pada ".$article['date']."</p>";
                            echo "</div>";
                            echo "</div>";
                            echo "</div>";
                        

                    ?>
</div>

【讨论】:

以上是关于尝试在 php 中创建循环卡(引导程序)的主要内容,如果未能解决你的问题,请参考以下文章

表单验证在引导程序中不起作用

引导程序和 ASP.NET 菜单

如何在 django 模板的引导程序中创建可折叠卡片?

使用 SASS 函数主题颜色级别在引导程序 4 中创建自定义渐变

我正在尝试使用 ngFor 在引导选项卡上循环,

如何在 Play 框架 2.0 中创建引导作业