本文介绍如何通过url参数传递商品id，在单一php详情页中动态查询并展示不同商品的详细信息，避免为每个商品单独创建页面，提升代码可维护性与扩展性。
本文介绍如何通过url参数传递商品id，在单一php详情页中动态查询并展示不同商品的详细信息，避免为每个商品单独创建页面，提升代码可维护性与扩展性。
要实现“所有商品共用一个详情页（如 item1.php），但点击不同商品时显示各自专属信息”，核心思路是：将商品唯一标识（如 product_id）作为查询参数附加在链接中，由详情页接收该参数后，从数据库动态获取对应商品数据并渲染。这不仅符合RESTful设计原则，也大幅降低后期维护成本。
✅ 步骤一：改造商品列表页（index.php）
将原来的 onclick="location.href='item1.php'" 改为带 product_id 参数的超链接。假设你的数据库中每条商品记录都有一个自增主键 id（或唯一字符串 sku），推荐使用 id 作为安全、简洁的标识符：
<!-- 示例：循环输出商品列表（实际应从数据库查询） -->
<?php $result = mysqli_query($con, "SELECT id, name, price, image_path, old_price FROM products ORDER BY id");
while ($row = mysqli_fetch_assoc($result)) {
$product_id = (int)$row['id'];
$name = htmlspecialchars($row['name']);
$price = number_format((float)$row['price'], 2);
$old_price = !empty($row['old_price']) ? ' <strike>$' . number_format((float)$row['old_price'], 2) . '' : '';
$img_src = htmlspecialchars($row['image_path']);
?>
<div class="col-1">
<a href="item1.php?id=<?php%20echo%20%24product_id;%20?>" style="display: block; text-decoration: none; color: inherit;">
<img src="<?php%20echo%20%24img_src;%20?>" alt="<?php echo $name; ?>" style="max-width:90%"><h4><?php echo $name; ?></h4>
<p>$<?php echo $price; ?><?php echo $old_price; ?></p>
</a>
</div>
<?php } ?>
⚠️ 注意事项：
- 使用 标签替代 onclick，确保SEO友好、支持右键新标签打开、兼容屏幕阅读器；
- 对输出内容使用 htmlspecialchars() 防止XSS攻击；
- id 参数强制转为 (int)，防止恶意字符串注入（若使用字符串SKU，请改用 mysqli_real_escape_string() 或预处理语句）；
- 图片路径建议存于数据库字段（如 image_path），便于统一管理。
✅ 步骤二：构建动态详情页（item1.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.");
}
$product_id = (int)$_GET['id'];
// 2. 查询商品详情（使用预处理语句防SQL注入）
$stmt = $con->prepare("SELECT id, name, description, price, old_price, image_path, stock, category FROM products WHERE id = ? AND status = 'active'");
$stmt->bind_param("i", $product_id);
$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();
?>
<meta charset="UTF-8"><title>
<?php echo htmlspecialchars($product['name']); ?> - 商品详情</title><style>
.product-detail { max-width: 800px; margin: 2rem auto; padding: 1rem; }
.product-img { max-width: 100%; height: auto; border-radius: 4px; }
.price { font-size: 1.5rem; font-weight: bold; color: #e74c3c; }
.old-price { text-decoration: line-through; color: #95a5a6; margin-left: 0.5rem; }
</style><div class="product-detail">
<h1><?php echo htmlspecialchars($product['name']); ?></h1>
<img src="<?php%20echo%20htmlspecialchars(%24product['image_path']);%20?>" alt="<?php echo htmlspecialchars($product['name']); ?>" class="product-img"><div class="price">
$<?php echo number_format((float)$product['price'], 2); ?><?php if (!empty($product['old_price'])): ?><span class="old-price">$<?php echo number_format((float)$product['old_price'], 2); ?></span>
<?php endif; ?>
</div>
<p><strong>分类：</strong><?php echo htmlspecialchars($product['category']); ?></p>
<p><strong>库存：</strong><?php echo (int)$product['stock'] > 0 ? '有货' : '缺货'; ?></p>
<p><strong>描述：</strong><?php echo nl2br(htmlspecialchars($product['description'])); ?></p>
<button onclick="addToCart(<?php echo $product['id']; ?>)">加入购物车</button>
</div>
<script>
function addToCart(productId) {
fetch('api/add_to_cart.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ id: productId, quantity: 1 })
}).then(r => r.json()).then(data => {
alert(data.message || '已加入购物车！');
});
}
</script>
✅ 关键总结与最佳实践
- 安全性优先：始终对用户输入（$_GET/$_POST）进行类型校验、转义与预处理；
- 用户体验优化：404/400状态码返回明确提示，配合友好的前端反馈（如加载动画、错误Toast）；
- 可扩展性设计：后续添加商品评论、规格选择、关联推荐等功能，只需在 item1.php 中扩展查询逻辑；
- 性能考虑：为 products.id 和 products.status 字段建立联合索引，加速详情页查询；
- SEO友好：可进一步将URL美化为 item1.php/rooster-chicken-18（需配合 .htaccess 重写），但参数式URL已满足基础需求。
通过这一方案，你无需为新增商品手动创建页面，仅需在数据库插入记录，前端自动适配——真正实现“一次开发，无限复用”。
