Question

你好我正在Php做一个购物商店项目。我试图像购物车页面一样展示我的产品。我是在列表视图中做到的，它以垂直格式显示所有产品一个在另一个之下。我有想法以表格格式显示，每行有4-5个产品，就像现实世界的购物网站一样，但我无处可去。我的代码是：

<?php
$sql = 'SELECT * FROM burgers ORDER BY id';
$result = $db->query($sql);
$output = '<ul>';
while ($row = $result->fetch()) {
    $output .= '<li>"'.$row['title'].'" made by </br> '.$row['chef'].': Rs '.$row['price'].'<img src="images/'.$row['image'].'" width="100" height="100" /><br />';
    if (isset($_SESSION['username'])) {
        $output .= '<a href="cart.php?action=add&id='.$row['id'].'">Add to cart</a></li>';
    }
    else {
        $output .= '<a href="login.php">Login</a></li>';
    }
}
$output .= '</ul>';
echo $output;
?>

Answer 1

如果要以表格格式显示，可以使用表格。它是为这样的东西创建的。做这样的事情：

$output = '<table><tr>';
$products_per_row = 5;
$i = 0;
while ($row = $result->fetch()) {
    $i++;
    $output .= '<td>"'.$row['title'].'" made by </br> '.$row['chef'].': Rs '.$row['price'].'<img src="images/'.$row['image'].'" width="100" height="100" /><br />';
    if (isset($_SESSION['username'])) {
        $output .= '<a href="cart.php?action=add&id='.$row['id'].'">Add to cart</a></td>';
    }
    else {
        $output .= '<a href="login.php">Login</a></td>';
    }
    if ($i == $products_per_row) { $output .= '</tr><tr>'; $i = 0; }
}
$output .= '</tr></table>';

如果你想使用li你可以修复它的宽度，使用css（li {width：x px;}），其中x是row（ul的容器）宽度除以列数。例如，如果你想要每行5个产品，并且你的容器在ul（和ul）之上的宽度为1000px，那就用200px做li。不要忘记填充和边距。

Php列表到表格视图

1 个答案: