使用 Session 变量在 PHP 电商网站中实现产品详情展示-php教程-PHP中文网

使用 Session 变量在 PHP 电商网站中实现产品详情展示

碧海醫心

发布： 2025-10-21 08:26:13

原创

471人浏览过

使用 session 变量在 php 电商网站中实现产品详情展示

本文旨在帮助开发者解决在 PHP 电商网站中，如何在产品列表页点击产品后，跳转到产品详情页并展示对应产品信息的问题。我们将探讨如何利用 `$_SESSION` 变量或 URL 传递产品 ID，并在详情页根据 ID 从数据库中检索并展示产品信息，提供清晰的代码示例和步骤说明，助你轻松实现产品详情展示功能。

在构建电商网站时，一个常见的需求是在产品列表页点击某个产品后，能够跳转到该产品的详情页，并展示该产品的详细信息。本教程将介绍如何使用 PHP 的 $_SESSION 变量或 URL 传递产品 ID，并在详情页根据 ID 从数据库中检索并展示产品信息。

方法一：使用 URL 传递产品 ID

这是最直接的方法，通过修改产品列表页的链接，将产品 ID 作为 URL 参数传递到详情页。

1. 修改产品列表页的链接

立即学习“PHP免费学习笔记（深入）”；

在产品列表页，找到生成产品链接的地方，修改 zuojiankuohaophpcna> 标签的 href 属性，将产品 ID 添加到 URL 中。

<a href="?productId=<?php echo $product['id'];?>#7" id="p_click">
    <img src="<?= $product['image']; ?>" alt="<?= $product['title']; ?>">
</a>

登录后复制

这里，?productId=<?php echo $product['id'];?> 将产品 ID 作为名为 productId 的 GET 参数添加到 URL 中。#7 是锚点，用于跳转到 ID 为 7 的 slide。

2. 在详情页获取产品 ID 并查询数据库

在详情页（ID 为 7 的 slide），首先检查 URL 中是否包含 productId 参数。如果包含，则获取该参数的值，并根据该值查询数据库，获取产品信息。

<?php if(isset($_GET['productId'])) : ?>
    <?php
        $con = mysqli_connect("localhost:3306", "root", "");
        $prodId = $_GET['productId'];
        mysqli_select_db($con, "users");
        $sql = "SELECT * FROM Products WHERE id='$prodId'";
        $query = $con->query($sql);
    ?>

    <?php while ($product = mysqli_fetch_assoc($query)): ?>
        <div class="slide" id="7" >
            <div class="content seventh-content">
                <div class="container-fluid">
                    <form id="product" action="" method="post">
                        <div class="row">
                            <div class="col-md-12">
                                <h2><?php echo htmlspecialchars($product["title"]); ?></h2>
                                <!-- 其他产品信息展示 -->
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    <?php endwhile; ?>

<?php endif; ?>

登录后复制

代码解释：

isset($_GET['productId'])：检查 URL 中是否存在 productId 参数。
$prodId = $_GET['productId']：获取 productId 参数的值。
$sql = "SELECT * FROM Products WHERE id='$prodId'"：构建 SQL 查询语句，根据产品 ID 查询数据库。
htmlspecialchars($product["title"])：对输出到 HTML 的数据进行转义，防止 XSS 攻击。

注意事项：

商汤商量

商汤科技研发的AI对话工具，商量商量，都能解决。

查看详情

务必对用户输入的数据进行验证和转义，防止 SQL 注入攻击。
确保数据库连接信息正确。
根据实际情况修改 SQL 查询语句。

方法二：使用 $_SESSION 变量传递产品 ID

这种方法将产品 ID 存储在 $_SESSION 变量中，然后在详情页从 $_SESSION 变量中获取产品 ID。

1. 产品列表页设置 Session

在产品列表页，当用户点击产品链接时，将产品 ID 存储到 $_SESSION 中。

<?php
session_start(); // 确保 session_start() 在页面顶部调用

// ... 其他代码 ...

<a href="#7" id="p_click" onclick="setProductId(<?php echo $product['id'];?>)">
    <img src="<?= $product['image']; ?>" alt="<?= $product['title']; ?>">
</a>

<script>
function setProductId(productId) {
    // 使用 AJAX 将 productId 发送到服务器，设置 Session
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "set_session.php", true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.onload = function() {
        if (xhr.status === 200) {
            // 可选：处理服务器响应
        } else {
            console.error("请求失败，状态码：" + xhr.status);
        }
    };
    xhr.onerror = function() {
        console.error("请求发生错误");
    };
    xhr.send("productId=" + productId);
}
</script>

登录后复制

创建一个 set_session.php 文件来设置 session 变量：

<?php
session_start();

if (isset($_POST['productId'])) {
    $_SESSION['productId'] = $_POST['productId'];
    echo "Product ID set in session."; // 可选：返回响应
} else {
    echo "Product ID not received."; // 可选：返回错误信息
}
?>

登录后复制

2. 详情页获取 Session 中的产品 ID 并查询数据库

在详情页（ID 为 7 的 slide），首先检查 $_SESSION 中是否存在 productId 变量。如果存在，则获取该变量的值，并根据该值查询数据库，获取产品信息。

<?php
session_start(); // 确保 session_start() 在页面顶部调用

if(isset($_SESSION['productId'])) : ?>
    <?php
        $con = mysqli_connect("localhost:3306", "root", "");
        $prodId = $_SESSION['productId'];
        mysqli_select_db($con, "users");
        $sql = "SELECT * FROM Products WHERE id='$prodId'";
        $query = $con->query($sql);
    ?>

    <?php while ($product = mysqli_fetch_assoc($query)): ?>
        <div class="slide" id="7" >
            <div class="content seventh-content">
                <div class="container-fluid">
                    <form id="product" action="" method="post">
                        <div class="row">
                            <div class="col-md-12">
                                <h2><?php echo htmlspecialchars($product["title"]); ?></h2>
                                <!-- 其他产品信息展示 -->
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    <?php endwhile; ?>

<?php
    unset($_SESSION['productId']); // 清除 session，防止下次进入详情页显示错误
endif; ?>

登录后复制

代码解释：