php+bootstrap+jquery+mysql实现购物车项目案例

实现一个简单的购物车项目，你可以使用PHP、Bootstrap和jQuery来创建前端界面，并连接MySQL数据库来存储商品信息和用户购物车数据。以下是一个基本的购物车实现示例：

创建一个简单的HTML表单来展示商品列表。
使用jQuery添加商品到购物车的功能。
使用AJAX将商品添加到服务器端的MySQL购物车表。
显示购物车中商品的总价。

假设你已经有了一个MySQL数据库，并且有一个名为cart的表来存储购物车信息。




// connect.php
$conn = new mysqli('localhost', 'username', 'password', 'database');
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}
 
// add_to_cart.php
include('connect.php');
 
if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['product_id'])) {
    $product_id = $_POST['product_id'];
    $user_id = $_POST['user_id']; // 假设用户ID已经在某处生成
    $query = "INSERT INTO cart (user_id, product_id) VALUES (?, ?)";
    $stmt = $conn->prepare($query);
    $stmt->bind_param('ii', $user_id, $product_id);
    $stmt->execute();
    echo "商品已添加到购物车";
} else {
    echo "请求无效";
}
$conn->close();




<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车示例</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script>
        $(document).ready(function(){
            $('.add-to-cart').click(function(){
                var product_id = $(this).data('product-id');
                $.post('add_to_cart.php', {product_id: product_id, user_id: 123}, function(data){
                    alert(data);
                });
            });
        });
    </script>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <h2>商品列表</h2>
                <button class="btn btn-success add-to-cart" data-product-id="1">添加到购物车</button>
                <!-- 其他商品按钮 -->
            </div>
        </div>
    </div>
 
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>

这个例子中，我们假设每个商品都有一个唯一的ID，购物车页面上有一系列商品按钮，用户点击任意商品按钮，会通过jQuery和AJAX将商品ID发送到add_to_cart.php，然后将商品ID添加到数据库中对应用户的购物车表里。

注意：这个例子没有实现用户验证、错误处理或者安全性检查，它只是展示了基本的购物车功能实现方法。在实际应用中，你需要加入更多的安全措施来保护用户数据和防止恶意行为。

php+bootstrap+jquery+mysql实现购物车项目案例

评论已关闭

推荐阅读