如何将图片映射区域关联的产品ID传递至show_products.php？

嘿，我来帮你搞定这个图片映射传参的问题！你的需求很清晰——让图片里的每个分类区域点击后，把对应的产品ID传给show_products.php来展示产品详情对吧？咱们一步步来完善你的代码：

1. 给<area>节点添加跳转与传参逻辑 #

你现有的<area>标签只有id和坐标信息，缺少跳转链接与参数传递的配置。只需要给每个<area>加上href属性，把产品ID作为GET参数拼接到URL里即可。比如你原来的第一个区域：

<map name="frozen">
  <!-- 把id对应的产品ID作为参数传给show_products.php -->
  <area coords="88,172,6,130" shape="rect" id="1001" href="show_products.php?id=1001" alt="对应分类名称">
  <!-- 其他区域按同样逻辑修改 -->
  <area coords="61,247,14..." shape="rect" id="1002" href="show_products.php?id=1002" alt="另一分类名称">
</map>

这里的id=1001就是把产品ID作为参数传递，show_products.php可以通过$_GET['id']直接获取这个值。

2. 在show_products.php中处理参数并查询数据库 #

接下来要在PHP文件里接收参数，连接MySQL数据库并查询对应产品的详情。这里一定要注意做安全处理，防止SQL注入：

<?php
// 替换成你的数据库连接信息
$servername = "localhost";
$db_username = "你的数据库用户名";
$db_password = "你的数据库密码";
$db_name = "你的数据库名";

// 建立数据库连接
$conn = new mysqli($servername, $db_username, $db_password, $db_name);

// 检查连接是否成功
if ($conn->connect_error) {
    die("数据库连接失败: " . $conn->connect_error);
}

// 接收并过滤产品ID，避免SQL注入
if (isset($_GET['id'])) {
    // 用real_escape_string转义特殊字符
    $product_id = $conn->real_escape_string($_GET['id']);

    // 查询产品详情
    $query = "SELECT name, price, stock, description FROM products WHERE id = '$product_id'";
    $result = $conn->query($query);

    if ($result->num_rows > 0) {
        $product = $result->fetch_assoc();
        // 输出产品详情
        echo "<h1>{$product['name']}</h1>";
        echo "<p>价格: {$product['price']} 元</p>";
        echo "<p>库存: {$product['stock']} 件</p>";
        echo "<p>描述: {$product['description']}</p>";
    } else {
        echo "未找到对应产品";
    }
} else {
    echo "请选择一个产品分类";
}

// 关闭数据库连接
$conn->close();
?>

小提示：如果你的PHP版本较新，更推荐使用PDO预处理语句来查询，安全性会更高哦。

3. 可选：优化用户体验 #

为了让用户更清楚点击的区域是什么，可以给<area>加上title属性，鼠标悬停时会显示提示文字：

<area coords="88,172,6,130" shape="rect" id="1001" href="show_products.php?id=1001" alt="冷冻食品" title="点击查看冷冻食品系列产品">

内容的提问来源于stack exchange，提问作者Alex Handro