流程

1. 选择版本，
2. 选择颜色，
3. 加入购物车

router.js

router.get('/addCart', controller.default.cart.addCart);

view

app/view/default/product_info.html

选中版本，选中颜色，然后点击加入购物车

<input class="jrgwc" type="button" name="addCart" id="addCart" value="加入购物车" />

            $(function() {
                $('#addCart').click(function() {
                    var goods_id = $('#color_list .active').attr('goods_id');
                    var color_id = $('#color_list .active').attr('color_id');
                    location.href = "/addCart?goods_id=" + goods_id + '&color_id=' + color_id;
                })
            })

controller

app/controller/default/cart.js

根据传过来的good_id和color_id,查找商品和商品颜色

    async addCart() {
        var goods_id = this.ctx.request.query.goods_id;

        var color_id = this.ctx.request.query.color_id;

        //1、获取商品信息

        var goodsResult = await this.ctx.model.Goods.find({ "_id": goods_id });

        var colorResult = await this.ctx.model.GoodsColor.find({ "_id": color_id });


        console.log(goodsResult);

        if (goodsResult.length == 0 || colorResult.length == 0) {

            this.ctx.status = 404;
            this.ctx.body = '错误404'; //404

        } else {

            // 赠品

            var goodsGiftIds = this.ctx.service.goods.strToArray(goodsResult[0].goods_gift);
            var goodsGift = await this.ctx.model.Goods.find({
                $or: goodsGiftIds
            });


            var currentData = {
                _id: goods_id,
                title: goodsResult[0].title,
                price: goodsResult[0].shop_price,
                goods_version: goodsResult[0].goods_version,
                num: 1,
                color: colorResult[0].color_name,
                goods_img: goodsResult[0].goods_img,
                goods_gift: goodsGift,
                /*赠品*/
                checked: true /*默认选中*/
            }

            //2、判断购物车有没有数据

            var cartList = this.service.cookies.get('cartList');

            if (cartList && cartList.length > 0) { //存在

                //4、判断购物车有没有当前数据  
                if (this.service.cart.cartHasData(cartList, currentData)) {

                    for (var i = 0; i < cartList.length; i++) {
                        if (cartList[i]._id == currentData._id) {
                            cartList[i].num = cartList[i].num + 1;
                        }
                    }
                    this.service.cookies.set('cartList', cartList);

                } else {
                    //如果购物车里面没有当前数据   把购物车以前的数据和当前数据拼接 然后重新写入

                    var tempArr = cartList;
                    tempArr.push(currentData);
                    this.service.cookies.set('cartList', tempArr);
                }
            } else {

                // 3、如果购物车没有任何数据  直接把当前数据写入cookies
                var tempArr = [];
                tempArr.push(currentData);
                this.service.cookies.set('cartList', tempArr);
            }
            this.ctx.body = '加入购物车成功';
        }
    }

service

app/service/cookies.js

class CookiesService extends Service {
    set(key, value, expires) {
        expires = expires ? expires : 24 * 3600 * 1000;
        this.ctx.cookies.set(key, JSON.stringify(value), {
            maxAge: expires,
            httpOnly: true,
            encrypt: true
        })
    }

    get(key) {
        var data = this.ctx.cookies.get(key, {
            encrypt: true
        });

        if (data) {
            return JSON.parse(data);
        }
        return null;
    }
}

效果