PHP購物車，從數據庫中獲取產品，對CSS樣式進行排序

Question

我正在嘗試使用下面顯示的php代碼從我的產品數據庫中篩選出我的產品，我遇到的問題是，這些產品在垂直方向上一一列出，我希望它們彼此並排顯示，例如，水平放置4個產品，它們的價格，其下的描述，我確實嘗試使用CSS通過給類ID設置樣式，但是我無法對其進行分類，我也在這里搜索但沒有運氣。 任何幫助將非常感激

    <?php
      $con = mysqli_connect("localhost", "root", "pass", "sharifstores");

      $result = mysqli_query($con, "SELECT * FROM tblProduct");
      echo "<br>";
      echo "<table>";

      while ($row = mysqli_fetch_array($result)) {
        $pname = $row[1];
        $image = $row[2];
        $description=$row[3];
        $price = $row[4];
        echo "<tr><td>$pname</td>";
        echo "<td><img src=\"$image\" width=\"200\" height=\"180\" />    </td>";
        echo "<tr><td>$description</td>";
        echo "<tr><td>$price</td>";
        echo "<td><form action=\"basket.php\" method=\"POST\">"
        . "<input type=\"submit\" name=\"$pname\" value=\"Add $pname to Basket\" />"
        . "</form></td></tr>";

        }
       echo "</table>";
       mysqli_close($con);
    ?>

Answer 1

您可以執行以下操作：首先遍歷所有行以獲取所有數據。 然后再次循環顯示它們。

$products = array();
$i = 0;
while ($row = mysqli_fetch_array($result)) {
    $product = new stdClass();
    $product->name = $row[1];
    $product->description = $row[2];
    $product->price = $row[3];
    $product->price = $row[4];

    $products[$i++] = $product;
}

echo "<tr>";
foreach($products as $product){
    echo "<td>
        $product->name
    </td>";
}
echo "</tr>";

您基本上可以針對每個產品功能執行此操作。 有點la腳，但有效。

Answer 2

嘗試這個

<?php
      $con = mysqli_connect("localhost", "root", "pass", "sharifstores");

      $result = mysqli_query($con, "SELECT * FROM tblProduct");
      echo "<br>";
      echo "<table>";

      while ($row = mysqli_fetch_array($result)) {
        $pname = $row[1];
        $image = $row[2];
        $description=$row[3];
        $price = $row[4];
        echo '<div style="float:left; width:23%;margin:5px;">';
        echo "<tr><td>$pname</td>";
        echo "<td><img src=\"$image\" width=\"200\" height=\"180\" />    </td>";
        echo "<tr><td>$description</td>";
        echo "<tr><td>$price</td>";
        echo "<td><form action=\"basket.php\" method=\"POST\">"
        . "<input type=\"submit\" name=\"$pname\" value=\"Add $pname to Basket\" />"
        . "</form></td></tr>";
        echo "</div>";

        }
       echo "</table>";
       mysqli_close($con);
    ?>

      <div style="clear:both;"></div>

這里是另一種方式：

<br/>
<table>
<?php
      $con = mysqli_connect("localhost", "root", "pass", "sharifstores");
      $result = mysqli_query($con, "SELECT * FROM tblProduct");

      while ($row = mysqli_fetch_array($result)) {
        $pname[] = $row[1];
        $image[] = $row[2];
        $description[] = $row[3];
        $price[] = $row[4];
    }

    foreach($pname as $key => $name) { ?>
        <div style="float:left; width:23%;margin:5px;">
            <tr>
                <td><?php echo $name; ?></td>
                <td><img src="<?php echo $image[$key]; ?>" width="200" height="180" /></td>
                <tr><td><?php echo $description[$key]; ?></td>
                <tr><td><?php echo $price[$key]; ?></td>
                <td>
                <form action="basket.php" method="POST">
                    <input type="submit" name="<?php echo $name; ?>" value="Add <?php echo $name; ?> to Basket" />
                </form>
                </td>
            </tr>
        </div>
    <?php  } mysqli_close($con); ?>
</table>
<div style="clear:both;"></div>