machine/yuan ma/mp-shop/pages/cart/cart.js

// 引入获取购物车和删除购物车商品的API方法
const { getCart, delGoodsCart, submitOrder } = require("../../api/index.js");

// 定义小程序页面对象
Page({
    // 页面数据对象，初始时cartData为空数组，totalPrice为0
    data: {
        cartData: [],
        totalPrice: 0 // 初始化 totalPrice 为 0
    },

    // 页面显示时触发的方法，调用http方法获取购物车数据
    onShow() {
        this.http();
    },

    // 跳转到商品详情页的方法，根据传入的商品ID进行跳转
    goDetail(e) {
        const id = e.currentTarget.dataset.id; // 获取当前点击元素的数据集中的id值
        wx.navigateTo({
            url: `/pages/goodsDetails/goodsDetails?id=${id}` // 跳转到商品详情页，并传递商品ID参数
        });
    },

    // 删除购物车商品的方法，根据传入的商品ID进行删除操作
    delCartHandle(e) {
        console.log("删除按钮被点击"); // 打印日志，表示删除按钮被点击
        console.log(e.currentTarget.dataset.id); // 打印当前点击元素的数据集中的id值
        // 调用删除购物车商品的API方法，传入当前商品ID
        delGoodsCart({ currentID: e.currentTarget.dataset.id }).then(res => {
            if (res.data.status === 200) { // 如果API返回的状态码为200，表示删除成功
                wx.showToast({ // 显示成功提示框
                    title: '删除成功',
                });
                this.http(); // 刷新购物车数据
            } else { // 如果API返回的状态码不是200，表示删除失败
                wx.showToast({ // 显示失败提示框
                    title: '删除失败',
                });
            }
        });
    },
   
    // 获取购物车数据的方法
    http() {
        getCart().then(res => { // 调用获取购物车数据的API方法
            console.log(res.data.data); // 打印API返回的购物车数据
            const cartData = res.data.data;
            let totalPrice = 0;

            cartData.forEach(item => {
                const price = parseFloat(item.price); // 将 price 字段从字符串转换为数字

                if (!isNaN(price)) { // 确保 price 是有效的数字
                    totalPrice += price; // 计算总价格，每个商品默认数量为 1
                } else {
                    console.warn(`Invalid price for item:`, item); // 调试信息：警告无效的 price
                }
            });

            console.log("Calculated Total Price:", totalPrice); // 调试信息：打印计算出的总价格

            this.setData({ // 更新页面数据对象中的cartData属性和totalPrice
                cartData: cartData,
                totalPrice: totalPrice * 100 // van-submit-bar 的 price 单位是分
            });
        }).catch(err => {
            console.error("Error during getCart operation:", err); // 调试信息：捕获并打印错误
            wx.showToast({ // 显示失败提示框
                title: '获取购物车数据失败',
                icon: 'none'
            });
        });
    },
    onSubmit(){
      wx.showToast({
          // 显示一个提示框，告知用户购买完成
        title: '购买完成',// 提示框的标题
        icon:"success"// 提示框的图标，这里使用成功图标
      })
  },
  //无法实现
    // 提交订单的方法
    /*
    onSubmit() {
        // 调用提交订单的API方法
        submitOrder().then(res => {
            if (res.data.status === 200) { // 如果API返回的状态码为200，表示订单提交成功
                wx.showToast({ // 显示成功提示框
                    title: '购买成功',
                });

                // 清空购物车数据
                this.setData({
                    cartData: [],
                    totalPrice: 0
                });

                // 调用删除购物车商品的API方法，传入所有商品ID
                const cartIDs = this.data.cartData.map(item => item.id);
                delGoodsCart({ currentIDs: cartIDs }).then(delRes => {
                    if (delRes.data.status === 200) { // 如果API返回的状态码为200，表示删除成功
                        console.log('购物车商品删除成功');
                    } else { // 如果API返回的状态码不是200，表示删除失败
                        console.error('购物车商品删除失败', delRes);
                    }
                }).catch(delErr => {
                    console.error('删除购物车商品时发生错误', delErr);
                });
            } else { // 如果API返回的状态码不是200，表示订单提交失败
                wx.showToast({ // 显示失败提示框
                    title: '购买失败',
                    icon: 'none'
                });
            }
        }).catch(err => {
            console.error("Error during submitOrder operation:", err); // 调试信息：捕获并打印错误
            wx.showToast({ // 显示失败提示框
                title: '提交订单失败',
                icon: 'none'
            });
        });
    }
    */
});