【问题标题】:How to add the same product with different sizes to the shopping cart as a separate item?如何将不同尺寸的相同产品作为单独的商品添加到购物车中?
【发布时间】:2020-10-08 10:33:36
【问题描述】:

我正在做一个蛋糕店,用户可以在其中将蛋糕添加到购物车。在购物车中,他们可以将蛋糕大小更改为他们想要的大小。在更改蛋糕大小时,价格会发生变化并存储在会话中

我意识到如果用户将相同的蛋糕添加到购物车中,它会覆盖之前添加的蛋糕。
这不是我想要的,因为如果当前购物车中蛋糕的蛋糕大小不同,我想将新蛋糕添加到购物车中。

我将购物车存储在基于此模型的会话中:

module.exports = function Cart(oldCart) {

    // If there's no cart in the session, create a new empty object
    this.items = oldCart.items || {};
    this.totalQty = oldCart.totalQty || 0;
    this.totalPrice = oldCart.totalPrice || 0;

    //item will be an object based on a document from MongoDB
    //id is the unique _id from the item
    this.add = function(item, id) {
        let storedItem = this.items[id];

        //If the item is not on the cart, add it
        if(!storedItem){
            storedItem = this.items[id] = {item: item, qty: 0, price: 0, cakesize: '1kg', singlePrice: 0}
        }

        //If the cart is on the cart, increment its quantity and price
        storedItem.qty ++;
        storedItem.price = storedItem.item.price['1000'] * storedItem.qty;

        //Total of all items in the cart
        this.totalQty++;
        this.totalPrice += storedItem.item.price['1000'];
    }

    //Function to create an array
    this.generateArray = function() {
        let arr = [];
        for (var id in this.items) {
            arr.push(this.items[id]);
        }
        return arr;
    }

};

渲染视图的控制器

exports.getShoppingCart = (req,res,next) => {

  if(!req.session.cart) {
    return  res.render("shop/cart", {
       path: "/cart",
       cakes: null
      });
  }
  let cart = new Cart(req.session.cart);
    res.render("shop/cart", {
     path: "/cart",
     cakes: cart.generateArray(), 
     totalPrice: cart.totalPrice
   });


}

我知道这是由于 id 而发生的。但是有没有办法检查蛋糕的大小?

【问题讨论】:

  • 也许你可以创建像cakeID + size这样的购物车ID
  • 这成功了。非常感谢

标签: javascript node.js mongodb session ejs


【解决方案1】:

@Sergio 在上面的评论中建议,在创建购物车 ID 时,我将 cakesize 添加到 ID 的末尾:cakeId + size。成功了

【讨论】:

    猜你喜欢
    • 2021-01-10
    • 1970-01-01
    • 2013-02-19
    • 2018-08-13
    • 1970-01-01
    • 2021-08-18
    • 2012-01-06
    • 2015-11-12
    • 2022-11-27
    相关资源
    最近更新 更多