如何实现单页动态展示不同商品详情（PHP+MySQL）-php教程-PHP中文网

如何实现单页动态展示不同商品详情（PHP+MySQL）

通过url参数传递商品id，在单一详情页中动态查询并显示对应商品信息，避免为每个商品单独创建页面，提升代码可维护性与扩展性。

通过url参数传递商品id，在单一详情页中动态查询并显示对应商品信息，避免为每个商品单独创建页面，提升代码可维护性与扩展性。

要实现“所有商品共用一个详情页，点击不同商品显示对应详情”的效果，核心思路是：将商品唯一标识（如 product_id）作为查询参数传递给统一的详情页（如 item.php），再由该页面根据参数从数据库动态获取并渲染数据。这比为每个商品硬编码跳转链接或创建多个静态页面更高效、安全且易于维护。

✅ 正确做法：参数化跳转 + 动态查询

1. 修改首页商品列表（index.php），添加唯一 ID 参数

不要固定跳转到 item1.php，而应为每个商品生成带 id 的 URL。假设你的商品表 products 中有主键 id（推荐使用整型自增ID，更安全可靠）：

<!-- 在 index.php 的商品循环中（示例使用 mysqli 查询后输出） -->
<?php $result = mysqli_query($con, "SELECT id, name, price, image_path, old_price FROM products");
while ($row = mysqli_fetch_assoc($result)) {
    $productId = (int)$row['id'];
    $productName = htmlspecialchars($row['name']);
    $price = number_format($row['price'], 2);
    $oldPrice = !empty($row['old_price']) ? number_format($row['old_price'], 2) : '';
    $imgPath = htmlspecialchars($row['image_path']);
?><div class="col-1" style="cursor: pointer;">
    <a href="item.php?id=<?php%20echo%20%24productId;%20?>">
        @@##@@" alt="<?php echo $productName; ?>">
        <h4><?php echo $productName; ?></h4>
        <p>$<?php echo $price; ?><?php if ($oldPrice): ?><strike>$<?php echo $oldPrice; ?></strike><?php endif; ?></p>
    </a>
</div>
<?php } ?>

✅ 关键改进：使用标签替代内联 onclick，语义更清晰、SEO 更友好、支持右键新标签打开；URL 中携带 ?id=123 形式参数。

MySQL
编写正确的MySQL查询，避免字符集、索引和锁方面的常见陷阱。

下载

2. 创建统一详情页 item.php，按 ID 查询并展示

<?php session_start();
include("connection.php");
include("functions.php");

// 1. 安全获取并验证 product ID
if (!isset($_GET['id']) || !is_numeric($_GET['id'])) {
    http_response_code(400);
    die("Invalid or missing product ID.");
}

$productId = (int)$_GET['id'];

// 2. 预处理查询（防止 SQL 注入）
$stmt = $con->prepare("SELECT id, name, description, price, old_price, image_path, stock FROM products WHERE id = ?");
$stmt->bind_param("i", $productId);
$stmt->execute();
$result = $stmt->get_result();

if ($result->num_rows === 0) {
    http_response_code(404);
    die("Product not found.");
}

$product = $result->fetch_assoc();
$stmt->close();
?>



<title>
<?php echo htmlspecialchars($product['name']); ?> – Shop</title><div class="product-detail">
        @@##@@" 
             alt="<?php echo htmlspecialchars($product['name']); ?>" 
             width="300">
        <h1><?php echo htmlspecialchars($product['name']); ?></h1>
        <p><?php echo nl2br(htmlspecialchars($product['description'])); ?></p>
        <div class="price">
            <span class="current">$<?php echo number_format($product['price'], 2); ?></span>
            <?php if (!empty($product['old_price'])): ?><span class="original"><strike>$<?php echo number_format($product['old_price'], 2); ?></strike></span>
            <?php endif; ?>
</div>
        <p>Stock: <?php echo (int)$product['stock']; ?></p>
        <button onclick="addToCart(<?php echo $product['id']; ?>)">Add to Cart</button>
    </div>