Maison > développement back-end > tutoriel php > Le site de recyclage de seconde main utilise la fonction de mise à jour en temps réel du panier développée en PHP

Le site de recyclage de seconde main utilise la fonction de mise à jour en temps réel du panier développée en PHP

WBOY
Libérer: 2023-07-02 21:22:02
original
632 Les gens l'ont consulté

Le site Web de recyclage d'occasion utilise la fonction de mise à jour en temps réel du panier développée en PHP

Avec la prise de conscience croissante de la protection de l'environnement dans la société moderne, de plus en plus de personnes ont commencé à s'intéresser au recyclage des objets d'occasion. Afin de faciliter l’échange d’articles recyclés d’occasion, de nombreux sites Web de recyclage d’occasion ont vu le jour.

Sur les sites de recyclage de seconde main, la fonction panier est un élément essentiel et important. Il aide les utilisateurs à gérer et à suivre facilement les articles d'occasion sélectionnés et met à jour le nombre d'articles dans le panier en temps réel. Cet article explique comment utiliser PHP pour développer un panier avec une fonction de mise à jour en temps réel.

Tout d'abord, nous devons créer un tableau dans la base de données pour stocker les informations du panier. Dans ce tableau, nous pouvons stocker des champs tels que l'ID utilisateur, l'ID produit, le nom du produit, la quantité du produit, le prix unitaire du produit, etc. Voici un exemple de la façon dont le tableau pourrait être structuré :

CREATE TABLE shopping_cart (
    id INT PRIMARY KEY AUTO_INCREMENT,
    user_id INT,
    product_id INT,
    product_name VARCHAR(255),
    quantity INT,
    price DECIMAL(10, 2)
);
Copier après la connexion

Ensuite, nous devons créer une page de panier permettant aux utilisateurs de sélectionner des articles d'occasion. Sur cette page, nous pouvons lister tous les articles recyclables et fournir un bouton « Ajouter au panier » pour chaque article. Lorsque l'utilisateur clique sur le bouton, nous pouvons appeler un script PHP pour ajouter l'article sélectionné au panier.

Exemple de code :

<?php
// 获取商品信息
$product_id = $_POST['product_id'];
$product_name = $_POST['product_name'];
$price = $_POST['price'];

// 获取用户信息(这里假设用户已登录)
$user_id = $_SESSION['user_id'];

// 检查购物车中是否已经存在相同的商品
$query = "SELECT * FROM shopping_cart WHERE user_id = $user_id AND product_id = $product_id";
$result = mysqli_query($connection, $query);

if (mysqli_num_rows($result) > 0) {
    // 如果已存在,则更新商品数量
    $row = mysqli_fetch_assoc($result);
    $quantity = $row['quantity'] + 1;

    $update_query = "UPDATE shopping_cart SET quantity = $quantity WHERE user_id = $user_id AND product_id = $product_id";
    mysqli_query($connection, $update_query);

} else {
    // 如果不存在,则添加新的商品到购物车
    $insert_query = "INSERT INTO shopping_cart (user_id, product_id, product_name, quantity, price) VALUES ($user_id, $product_id, '$product_name', 1, $price)";
    mysqli_query($connection, $insert_query);
}

// 返回购物车页面
header('Location: shopping_cart.php');
?>
Copier après la connexion

Dans la page du panier, nous pouvons afficher les articles dans le panier et fournir la fonction de modification de la quantité. Afin d'obtenir un effet de mise à jour en temps réel, nous pouvons utiliser la technologie Ajax pour y parvenir.

Exemple de code :

// 监听数量输入框的变化
$('.quantity-input').change(function() {
    var product_id = $(this).data('product-id');
    var new_quantity = $(this).val();

    // 向服务器发送Ajax请求,更新购物车中商品的数量
    $.ajax({
        url: 'update_quantity.php',
        type: 'POST',
        data: {
            product_id: product_id,
            new_quantity: new_quantity
        },
        success: function(response) {
            // 更新购物车显示
            $('.product-quantity[data-product-id="' + product_id + '"]').text(new_quantity);
            calculateTotalPrice();
        }
    });
});

// 计算总价
function calculateTotalPrice() {
    var total_price = 0;
    $('.product-row').each(function() {
        var price = $(this).find('.product-price').text();
        var quantity = $(this).find('.product-quantity').text();
        total_price += parseFloat(price) * parseInt(quantity);
    });

    $('.total-price').text(total_price);
}
Copier après la connexion

Côté serveur, nous devons écrire un script PHP qui met à jour la quantité d'articles dans le panier.

Exemple de code :

<?php
// 获取商品和新数量
$product_id = $_POST['product_id'];
$new_quantity = $_POST['new_quantity'];

// 获取用户ID(这里假设用户已登录)
$user_id = $_SESSION['user_id'];

// 更新购物车中商品的数量
$update_query = "UPDATE shopping_cart SET quantity = $new_quantity WHERE user_id = $user_id AND product_id = $product_id";
mysqli_query($connection, $update_query);
?>
Copier après la connexion

Avec l'exemple de code ci-dessus, nous pouvons implémenter un panier avec une fonction de mise à jour en temps réel. Les utilisateurs peuvent facilement ajouter, supprimer et mettre à jour des articles dans le panier, facilitant ainsi l'échange d'articles d'occasion.

En résumé, le site de recyclage d'occasion utilise la fonction de mise à jour du panier en temps réel développée en PHP pour offrir aux utilisateurs une expérience efficace et pratique. La fonction de panier permet aux utilisateurs de gérer et de suivre facilement les articles d'occasion sélectionnés et de mettre à jour le nombre d'articles en temps réel. Grâce à une utilisation raisonnable des technologies PHP et Ajax, nous pouvons facilement réaliser cette fonction.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal