PHP校园电商项目：添加商品至购物车失效问题求助

核心问题分析 #

你的代码存在以下关键问题，导致商品无法成功加入购物车：

1. 商品页未处理表单提交逻辑 #

点击「Add to Cart」按钮后，表单仅完成提交动作，但没有对应PHP代码接收请求、将商品存入购物车，也未利用PHP Session持久化购物车数据。

2. 购物车页未读取Session存储的购物车数据 #

购物车页每次初始化空数组$cart，完全忽略Session中已保存的商品数据，因此始终显示空购物车。

3. 变量与数据处理错误 #

• 购物车页foreach循环变量命名冲突（foreach ($cart as $products)），且循环内使用未定义的$product变量。
• 商品价格包含€符号，直接进行乘法运算会报错，需先提取纯数值部分。
• 添加购物车时未记录商品数量，导致购物车无法展示数量和计算总价。

修正后的代码 #

商品页（新增表单提交处理+Session持久化） #

<?php
session_start();

// 初始化购物车Session，不存在则创建空数组
if (!isset($_SESSION['cart'])) {
    $_SESSION['cart'] = [];
}

// 处理添加购物车的POST请求
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['id'])) {
    $productId = (int)$_POST['id'];
    $quantity = max(1, (int)$_POST['quantity']);
    
    // 读取商品JSON数据
    $jsonData = file_get_contents('js/products.json');
    $products = json_decode($jsonData, true);
    
    // 匹配目标商品
    $targetProduct = null;
    foreach ($products as $product) {
        if ($product['id'] === $productId) {
            $targetProduct = $product;
            break;
        }
    }
    
    if ($targetProduct) {
        // 检查购物车是否已有该商品，有则累加数量
        $exists = false;
        foreach ($_SESSION['cart'] as &$item) {
            if ($item['id'] === $productId) {
                $item['quantity'] += $quantity;
                $exists = true;
                break;
            }
        }
        
        // 无则新增商品到购物车
        if (!$exists) {
            $targetProduct['quantity'] = $quantity;
            $_SESSION['cart'][] = $targetProduct;
        }
    }
}
?>
<section id="products">
    <div class="products-container">
        <?php
        // 读取商品数据用于展示
        $jsonData = file_get_contents('js/products.json');
        $products = json_decode($jsonData, true);
        
        // 循环渲染商品
        foreach ($products as $product) {
            echo '<div class="product-container">';
            echo '<div class="product-cart">';
            echo '<img class="productimage" src="' . $product['image'] . '" alt="' . $product['name'] . '">';
            echo '<h3>' . $product['name'] . '</h3>';
            echo '<p>' . $product['description'] . '</p>';
            echo '<p class="price">Price: ' . $product['price'] . '</p>';
            echo '<form method="post" class="add-to-cart-form">';
            echo '<input type="hidden" name="id" value="' . $product['id'] . '">';
            echo '<input type="number" name="quantity" value="1" min="1">';
            echo '<button type="submit" class="add-to-cart-btn">Add to Cart</button>';
            echo '</form>';
            echo '</div>';
            echo '</div>';
        }
        ?>
    </div>
</section>

购物车页（读取Session数据+正确渲染） #

<?php
session_start();

// 从Session获取购物车数据，无则为空数组
$cart = isset($_SESSION['cart']) ? $_SESSION['cart'] : [];
?>
<section class="productcart">
    <div class="cart-card">
        <table class="cart-table">
            <tr>
                <td></td>
                <td>Product</td>
                <td>Prijs</td>
                <td>Hoeveelheid</td>
                <td>Totale prijs</td>
            </tr>

            <?php
            foreach ($cart as $item) {
                // 提取价格纯数值（去除€符号和空格）
                $priceNumeric = (float)str_replace(['€', ' '], '', $item['price']);
                $totalPrice = $priceNumeric * $item['quantity'];
                
                echo '<tr>';
                echo '<td><img class="productimage" src="' . $item['image'] . '" alt="' . $item['name'] . '"></td>';
                echo '<td><h3>' . $item['name'] . '</h3></td>';
                echo '<td><p class="price">' . $item['price'] . '</p></td>';
                echo '<td><p>' . $item['quantity'] . '</p></td>';
                echo '<td><p>€' . number_format($totalPrice, 2) . '</p></td>';
                echo '</tr>';
            }
            ?>
        </table>
    </div>
</section>

关键修复说明 #

1. Session持久化：用$_SESSION['cart']存储购物车数据，确保页面刷新、跳转后数据不丢失。
2. 表单提交处理：商品页新增POST请求逻辑，接收商品ID和数量，判断商品是否已存在并更新数量或新增商品。
3. 数据处理修正：移除价格中的非数值字符再计算总价；修正循环变量命名错误，确保渲染时使用正确变量。
4. 初始化逻辑：两个页面均正确初始化购物车，避免覆盖已有的Session数据。

内容的提问来源于stack exchange，提问作者Jibbe Middelbrink