流程
- 选择版本,
- 选择颜色,
- 加入购物车
router.js
router.get('/addCart', controller.default.cart.addCart);
view
app/view/default/product_info.html
选中版本,选中颜色,然后点击加入购物车
$(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; }}