Question

对于学校项目，我需要建立一个网上商店。现在产品在桌子上，但我真的不喜欢它的外观，因为它看起来非常不专业。这是代码：

    while($product = mysql_fetch_assoc($query)) {
        echo "<form action=\"add_product.php\" method=\"post\">\n";
        echo "<input type=\"hidden\" name=\"productnumber\" value=\"".$product['product_id']."\" />\n";
        echo "<p> <b>".$product['name'] . "</b> <br />\n";

        echo "<table>";
        echo "<tr>";
        echo "<td>";
        echo "<td>" . $product['image'] . "</td>";
        echo "<td>" . $product['description'] . "</td>";
        echo "</tr>";
        echo "</table>";

        ?>


            <?php

                echo "Price: €".$product['price']."<br />\n";
        echo "Quantity: <input type=\"text\" name=\"Quantity\" size=\"2\" maxlength=\"2\" value=\"1\" />\n";
        echo "<input type=\"submit\" value=\"Add To Cart\" /></p>\n";
        echo "</form>\n";
    }
}
?>

现在，从我正在使用的模板（Modus by Luis Zono）开始，我想让这些产品显示在这个页面上：http://luiszuno.com/themes/modus/portfolio.html这个HTML代码：

<div class="featured portfolio-list">
// This is one figure, but it can be copy-pasted to infinity:
                    <figure>
                        <a href="img/dummies/gallery-1.jpg" data-rel="prettyPhoto" class="thumb"><img src="img/dummies/gallery-1.jpg" alt="Alt text" /></a>
                        <div>
                            <a href="project.html" class="heading">Pellentesque habitant morbi</a>
                            tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. 
                        </div>
                        <a class="link" href="project.html"></a>
                    </figure>
<div class="clearfix"></div>

                </div>

我的编码技巧不是很好，所以如何编写使循环中的产品看起来像投资组合数据的代码？（这样虚拟图像将是$ product ['image']等等）。我现在完全被困住了。

Answer 1

我不会给出答案（SO不是那种类型的网站），但是如何到达那里的道路。下面的例子是IMO这里最好的解决方案，但对于你的情况：
在php中你可以这样做：

while($product = mysql_fetch_assoc($query)) {
    ?>
    <!-- Your code here -->
    <img src="example-html-image.jpg" />
    <!-- Your code here -->
    <?php
} // end of while

所以，不是你现在得到的html的当前回声，而是添加你想要的html。

你可能想在你的代码中使用获取的变量，下面我将提供两个例子：

while($product = mysql_fetch_assoc($query)) {
    ?>
    <!-- You can do this -->
    <img src="image<?php echo $product['id']; ?>.jpg" />

    <!-- Or the short version of echo -->
    <img src="image<?=$product['id'] ?>.jpg" />
    <?php
}

如果你想提高一个档次，你根本不应该在你的代码中使用html。你在页面中不使用JS的方式相同，你不要在php中使用html。您使用模板（这是最合适的IMO方法）：

<!-- example.html: -->
<div> Hi, Im product <!-- NAME --> </div>

非常简单，我使用评论来进一步替换。

然后你拿php，打开文件，并替换评论：

$template = file_get_contents($_SERVER['DOCUMENT_ROOT'].'loc/to/file/example.html');
$template = str_replace("<!-- NAME -->", $product['name'], $template);
echo $template;

Answer 2

假设$ product ['image'] =“my_picture.jpg”

然后使用：

<img src="/path/to/images/<?php echo $product['image']; ?>" />

html源代码的结果将是：

<img src="/path/to/images/my_picture.jpg" />

如何合并PHP和HTML主题代码？

2 个答案: