在引导卡中获取信息 [重复]答案

【问题标题】：Fetch info in bootstrap card [duplicate]在引导卡中获取信息 [重复]
【发布时间】：2021-05-16 00:40:09
【问题描述】：

我正在尝试显示卡片，但是通过这种方式，所有三张卡片都显示相同的信息，而我希望每张卡片都显示数据库中的特定条目，例如第一个是第一个条目，第二个是第二个，然后是第三个第三然后换行并重新启动以显示 4,5,6 条目，依此类推。有人可以帮忙吗？

include_once('db/connection.php');
        $query="select * from news ORDER BY id DESC";
        $result=mysqli_query($conn,$query);
    
           ?>
    <?php
    
    while($rows=mysqli_fetch_array($result))
    {  
        $cc =$rows['category2'];
        ?>
        <div>
            <div class="container">
                <div class="cust_bloglistintro">
                
                    <div class="row">
                        <div class="col-md-6 col-lg-4 cust_blogteaser" style="padding-bottom: 20px;margin-bottom: 32px;height: 750px;">
                            <div class="card" data-aos="fade-up" style="height: 700px;"><img class="card-img-top w-100  d-block" src="images/<?php echo $rows['thumbnail'];?>">
                                <div class="card-body">
                                    <h4 class="card-title"><?php echo $rows['title']; ?></h4><span style="font-family: 'Open Sans', sans-serif;font-size: 12px;margin-bottom: 5px;"><?php echo $rows['3']; ?></span>
                                    <p class="card-text"><?php echo substr($rows['2'],0,400); ?></p><?php if($cc=="bigbites"){?><a class="card-link" href="bigbites.php?ii=<?php echo $rows['0']?>>" target="_top">Read more...</a><?php } else{?><a class="card-link" href="<?php echo $rows['7']; ?>" target="_top">Read more...</a><?php }?>
                                </div>
                                <div class="text-center" style="bottom: 10px;"><a href="extra.php?ii=<?php echo $rows['0']?>"><i class="fab fa-whatsapp-square" id="whatsapp"></i></a><a href="extra.php?ii=<?php echo $rows['0']?>"><i class="fab fa-facebook-square" id="facebook"></i></a><a href="extra.php?ii=<?php echo $rows['0']?>"><i class="fab fa-linkedin" id="linkedin"></i><a href="extra.php?ii=<?php echo $rows['0']?>"><i class="fas fa-share" id="share"></i></a></div>
                            </div>
                        </div>
    
                        <div class="col-md-6 col-lg-4 cust_blogteaser" style="padding-bottom: 20px;margin-bottom: 32px;height: 750px;">
                            <div class="card" data-aos="fade-up" style="height: 700px;"><img class="card-img-top w-100  d-block" src="images/<?php echo $rows['thumbnail'];?>">
                                <div class="card-body">
                                    <h4 class="card-title"><?php echo $rows['title']; ?></h4><span style="font-family: 'Open Sans', sans-serif;font-size: 12px;margin-bottom: 5px;"><?php echo $rows['3']; ?></span>
                                    <p class="card-text"><?php echo substr($rows['2'],0,400); ?></p><?php if($cc=="bigbites"){?><a class="card-link" href="bigbites.php?ii=<?php echo $rows['0']?>>" target="_top">Read more...</a><?php } else{?><a class="card-link" href="<?php echo $rows['7']; ?>" target="_top">Read more...</a><?php }?>
                                </div>
                                <div class="text-center" style="bottom: 10px;"><a href="extra.php?ii=<?php echo $rows['0']?>"><i class="fab fa-whatsapp-square" id="whatsapp"></i></a><a href="extra.php?ii=<?php echo $rows['0']?>"><i class="fab fa-facebook-square" id="facebook"></i></a><a href="extra.php?ii=<?php echo $rows['0']?>"><i class="fab fa-linkedin" id="linkedin"></i><a href="extra.php?ii=<?php echo $rows['0']?>"><i class="fas fa-share" id="share"></i></a></div>
                            </div>
                        </div>
    
                        <div class="col-md-6 col-lg-4 cust_blogteaser" style="padding-bottom: 20px;margin-bottom: 32px;height: 750px;">
                            <div class="card" data-aos="fade-up" style="height: 700px;"><img class="card-img-top w-100  d-block" src="images/<?php echo $rows['5'];?>">
                                <div class="card-body">
                                    <h4 class="card-title"><?php echo $rows['1']; ?></h4><span style="font-family: 'Open Sans', sans-serif;font-size: 12px;margin-bottom: 5px;"><?php echo $rows['3']; ?></span>
                                    <p class="card-text"><?php echo substr($rows['2'],0,400); ?></p><?php if($cc=="bigbites"){?><a class="card-link" href="bigbites.php?ii=<?php echo $rows['0']?>>" target="_top">Read more...</a><?php } else{?><a class="card-link" href="<?php echo $rows['7']; ?>" target="_top">Read more...</a><?php }?>
                                </div>
                                <div class="text-center" style="bottom: 10px;"><a href="extra.php?ii=<?php echo $rows['0']?>"><i class="fab fa-whatsapp-square" id="whatsapp"></i></a><a href="extra.php?ii=<?php echo $rows['0']?>"><i class="fab fa-facebook-square" id="facebook"></i></a><a href="extra.php?ii=<?php echo $rows['0']?>"><i class="fab fa-linkedin" id="linkedin"></i><a href="extra.php?ii=<?php echo $rows['0']?>"><i class="fas fa-share" id="share"></i></a></div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
        <?php
    }
    ?>

【问题讨论】：

您可能想要使用循环 - $rows 数组是什么样的，请显示（示例）var_export($rows);
@berend 已经有一个循环并且 $rows 是一个常规的关联数组
@jibsteroos 抱歉？
那么你不应该复制卡片，每个数据库行只显示一个
@YourCommonSense 如果我不复制卡片，那么它只会更改行，我想每行显示 3 列。

标签： php mysqli bootstrap-4 web-deployment bootstrap-cards

【解决方案1】：

这样做的方法很多，但我最近使用过这种方法......

<?php
    
    $resultCount=0;
    if(mysqli_num_rows($result) >0)
    {
?>
            <div>
                <div class="container">
                    <div class="cust_bloglistintro">
                    
                        <div class="row">
<?php
        while($rows=mysqli_fetch_array($result))
        {  
            $cc =$rows['category2'];
            ?>

                         <div class="col-md-6 col-lg-4 cust_blogteaser" style="padding-bottom: 20px;margin-bottom: 32px;height: 750px;">
                            <div class="card" data-aos="fade-up" style="height: 700px;"><img class="card-img-top w-100  d-block" src="images/<?php echo $rows['thumbnail'];?>">
                                <div class="card-body">
                                    <h4 class="card-title"><?php echo $rows['title']; ?></h4><span style="font-family: 'Open Sans', sans-serif;font-size: 12px;margin-bottom: 5px;"><?php echo $rows['3']; ?></span>
                                    <p class="card-text"><?php echo substr($rows['2'],0,400); ?></p><?php if($cc=="bigbites"){?><a class="card-link" href="bigbites.php?ii=<?php echo $rows['0']?>>" target="_top">Read more...</a><?php } else{?><a class="card-link" href="<?php echo $rows['7']; ?>" target="_top">Read more...</a><?php }?>
                                </div>
                                <div class="text-center" style="bottom: 10px;"><a href="extra.php?ii=<?php echo $rows['0']?>"><i class="fab fa-whatsapp-square" id="whatsapp"></i></a><a href="extra.php?ii=<?php echo $rows['0']?>"><i class="fab fa-facebook-square" id="facebook"></i></a><a href="extra.php?ii=<?php echo $rows['0']?>"><i class="fab fa-linkedin" id="linkedin"></i><a href="extra.php?ii=<?php echo $rows['0']?>"><i class="fas fa-share" id="share"></i></a></div>
                            </div>
                        </div>
    
<?php
            $resultCount++;
            if ($resultCount % 3 == 0) // start new row
            {
?>
                        </div>
                
                    
                        <div class="row">
<?php
            }
        }
        
        if ($resultCount % 3 != 0) // if we didn't just end a row in the loop, end it now
        {
?>
                        </div>
<?php
        }

        // now close divs
?>      
                </div>
            </div>
        </div>
<?php
    } // end of if num_rows>0
?>

【讨论】：

这段代码是新的，和问题中的一样
@YourCommonSense 真的吗？？怎么样？
我的错，它不一样，但你不需要引导程序没有这样的技巧
@YourCommonSense 同意，您可以在每次循环迭代中一次流动一张卡片，并在 BS 中处理行拆分。负 1 对于一个有效的 PHP 解决方案来说是相当苛刻的，尽管它确实是 OP 所要求的。期待您的完整 BS4 解决方案。
这不起作用。它在下一行而不是下一列中显示下一张卡片。