ホームページ > バックエンド開発 > PHPチュートリアル > PHPで開発したショッピングカートのリアルタイム更新機能を利用した中古リサイクルサイト

PHPで開発したショッピングカートのリアルタイム更新機能を利用した中古リサイクルサイト

WBOY
リリース: 2023-07-02 21:22:02
オリジナル
617 人が閲覧しました

PHP社が開発したショッピングカートのリアルタイム更新機能を利用した中古リサイクルサイトです。

現代社会における環境保護意識の向上に伴い、ますます多くの人がリサイクルへの関心を持ち始めています。中古品のリサイクル。人々が中古リサイクル品の取引を容易にするために、多くの中古リサイクルウェブサイトが登場しています。

中古リサイクルサイトにおいて、ショッピングカート機能は欠かせない重要な要素です。ユーザーが選択した中古商品を簡単に管理および追跡できるようにし、ショッピング カート内の商品数をリアルタイムで更新します。この記事では、PHPを使ってリアルタイム更新機能を備えたショッピングカートを開発する方法を紹介します。

まず、ショッピング カートの情報を保存するテーブルをデータベースに作成する必要があります。このテーブルには、ユーザー ID、製品 ID、製品名、製品数量、製品単価などのフィールドを保存できます。テーブルの構造例を次に示します。

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)
);
ログイン後にコピー

次に、ユーザーが中古品を選択するためのショッピング カート ページを作成する必要があります。このページでは、すべてのリサイクル可能なアイテムをリストし、各アイテムに [カートに追加] ボタンを提供できます。ユーザーがボタンをクリックすると、PHP スクリプトを呼び出して、選択したアイテムをショッピング カートに追加できます。

サンプルコード:

<?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');
?>
ログイン後にコピー

ショッピングカートページでは、ショッピングカート内の商品を表示し、数量を変更する機能を提供します。リアルタイム更新効果を実現するには、Ajax テクノロジーを使用して実現できます。

サンプル コード:

// 监听数量输入框的变化
$('.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);
}
ログイン後にコピー

サーバー側では、ショッピング カート内の商品数を更新する PHP スクリプトを記述する必要があります。

サンプルコード:

<?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);
?>
ログイン後にコピー

上記のサンプルコードにより、リアルタイム更新機能を備えたショッピングカートを実装できます。ユーザーはショッピングカート内の商品を簡単に追加、削除、更新できるため、中古品の取引が容易になります。

要約すると、この中古リサイクル サイトは、PHP で開発されたショッピング カートのリアルタイム更新機能を使用して、ユーザーに効率的で便利なエクスペリエンスを提供します。ショッピングカート機能により、選択した中古商品を簡単に管理・追跡でき、商品数をリアルタイムに更新できます。 PHP と Ajax テクノロジーを合理的に使用することで、この機能を簡単に実現できます。

以上がPHPで開発したショッピングカートのリアルタイム更新機能を利用した中古リサイクルサイトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート