php - MYSQL 产品列表网格

Question

所以我试图从数据库中提取产品数据并将其列在一个漂亮的网格中。我已经完成了所有工作，而且它的布局非常好，除了一个问题，即图像 URL 未正确拉取:

<?php 
while ($row = mysql_fetch_array($query))
    $rows[] = $row;

foreach ($rows as $row){
    $etitle = $row['title'];
    $eprice = $row['price'];
    $eurl = $row['prod_url'];
    $eimage = $row['image'];

    echo ('<div class="col-sm-6 col-md-4">
            <div class="card">
                <div class="card-image" style="background-image: url("' . $eimage . '");">
                    <a href="' . $eurl . '"></a> 

                    <div class="card-image-rating">');
                echo ('£' . $eprice);
                echo ('
                    </div><!-- /.card-image-rating -->
                </div><!-- /.card-image -->

                <div class="card-content">
                    <h2><a href="' . $eurl . '">');

    echo $etitle;

    echo ('</a></h2>
        </div><!-- /.card-content -->

        <div class="card-actions">
            <a href="' . $eurl . '" class="card-action-icon"><i class="md-icon">favorite</i></a>
            <a href="' . $eurl . '" class="card-action-btn btn btn-transparent">Show More</a>
        </div><!-- /.card-actions -->
    </div><!-- /.card -->

</div><!-- /.col-* -->');

} ?>

在源代码和页面上，除了没有图像之外，一切看起来都很好。数据库中的列包含图像位置的 URL，但在源代码中，它似乎从路径中删除了/。

任何帮助都会很棒。谢谢，

Answer 1

根据您的脚本，我注意到出了问题

<div class="card-image" style="background-image: url("' . $eimage .'");">

您在样式部分使用双引号

你的 html 看起来像这样

<div class="card-image" style="background-image: url(" ");">

不应该是这样的。

你必须在样式中使用撇号，因为你使用引号作为样式

你的 html 应该像这样

<div class="card-image" style="background-image: url(' ');">

这里给你一个例子 https://jsfiddle.net/have_full/kass6ukr/