微信小程序,购物车模块代码解读

tapAddCart: function (e) {
        this.addCart(e.target.dataset.id);//传入商品id值到addCart函数中
            },
    tapReduceCart: function (e) {
        this.reduceCart(e.target.dataset.id);//传入商品id值到reduceCart函数中
    },
    addCart: function (id) {
         // console.log("id" + id);//获取id值,用来区分菜品
        var num = this.data.cart.list[id] || 0;//添加菜品看是否此菜品已经添加,未有添加就赋值0给num
        this.data.cart.list[id] = num + 1;//此菜品数+1
        this.countCart();//调用countCart函数,计算商品的价格,数量。
    },
    reduceCart: function (id) {
        var num = this.data.cart.list[id] || 0;//看此id菜品数量是否存在,不存在赋值0,
        if (num <= 1) {
            delete this.data.cart.list[id];//当菜品数量少于等于1的时候删除菜品
        } else {
            this.data.cart.list[id] = num - 1;//大于1的时候,数量减少1
        }
        this.countCart();//执行countCart函数,计算商品的价格,数量。
    },
    countCart: function () {
        var count = 0,
            total = 0;//初始化count total 此count和total与data.cart里的total,count不同。
        for (var id in this.data.cart.list) {
            var goods = this.data.goods[id];//将选择的商品信息赋值给goods
            count += this.data.cart.list[id];//此商品数量+1
            total += goods.price * this.data.cart.list[id];//此商品的总价格
        }
        this.data.cart.count = count;//将商品总数量赋值
        this.data.cart.total = total;//将商品总价格赋值
        this.setData({
            cart: this.data.cart//设置data的cart数据
        });
        console.log(this.data.cart);
    },
时间: 2024-12-11 14:10:49

微信小程序,购物车模块代码解读的相关文章

微信小程序要这样去解读

微信小程序要这样去解读 九个月之前张小龙的一次公开演讲第一次提到应用号,今天终于以小程序的名字正式对外小范围公测,只有200个邀请名额,我知道你肯定没有被翻牌子,我也没有.不管是朋友圈.订阅号.服务号,只要是抢先专注机会的人都尝到了不小的甜头,那么如今的小程序也一样,很多创业者.开发者都跃跃欲试. 微信小程序请公测以来已经一周了,有三类同学对词比较关注.一是创业者,二是App开发者,三是前端开发者.基于此,创业者可能思考更多的是能否减少成本,能否把产品做的更好,其中能有哪里价值和可为的事.App

微信小程序购物车产品计价

微信小程序购物车产品计价: 问题:当选中商品,价格累加时会出现无限循环小数 解答:在计算前先parseFloat(变量),再计算的最后使用(变量).toFixed(2)保留两位小数 例如: jiaCart:function(e){    var pid = e.currentTarget.id;    var pic = parseFloat(e.currentTarget.dataset.pic);    var cartList=this.data.cartList;    var ex =

Odoo 开源微信小程序商城模块

详见:http://oejia.net/blog/2018/09/13/oejia_weshop_about.html oejia_weshop Odoo 微信小程序商城模块 oejia_weshop 是 Odoo 对接微信小程序实现的商城应用. 如果您使用odoo的销售模块,而想要在微信小程序上实现自己的商城卖odoo里的商品,装上 oejia_weshop 模块即可. 如果您想要搭建一套进销存(ERP)系统并实现对接微信商城的管理,用 Odoo + oejia_weshop 模块,是个快捷方

微信小程序蓝牙模块BLE开发说明基础知识

微信小程序蓝牙模块说明 一.简介 微信小程序作为轻量级应用的载体,确实方便了很多的应用场景.传统的产品如果要和手机互联互通,那么必须要开发两套APP,即IOS和安卓.十分的麻烦和成本巨高.但是微信小程序的出现大大的提升了效果.因为微信小程序有两个巨大的特点和优势 1.跨平台    --- 不用单独的去开发安卓和IOS的APP,只用借助微信小程序的API即可 2.依托于微信--- 微信这个常驻手机的核心APP之一 这里我们主要是说明,微信小程序和蓝牙之间的关系: 二.微信小程序关于蓝牙API 1.

微信小程序蓝牙模块

蓝牙部分知识 关于Service: 每个设备包含有多个Service,每个Service对应一个uuid 关于Characteristic 每个Service包含多个Characteristic,每个Characteristic对应一个uuid 如何得到数据 我们想要的数据是包含在每一个Characteristic 微信小程序目前提供的蓝牙API:详细参数请见小程序开发文档 1.操作蓝牙适配器的4个API   wx.openBluetoothAdapter //初始化蓝牙适配器 wx.close

微信小程序开发之代码提示插件(VSCode)

minapp 微信小程序标签.属性的智能补全(同时支持原生小程序.mpvue 和 wepy 框架,并提供 snippets). wechat-snippet 微信小程序代码辅助,代码片段自动完成 微信小程序定义文件 放到项目顶层目录的typlings中. https://github.com/wechat-miniprogram/api-typings 原文地址:https://www.cnblogs.com/imagineAct/p/wx-miniapp-code-snippet.html

微信小程序——购物车结算

项目需要做个购物车结算功能,先分析需求: 1.全选,反选的功能.当选中的个数 = 购物车的数量时,勾选全选按钮,反之则取消选中全选按钮: 2.改变选中状态时,计算总价和总数量: 3.单个产品的数量加减: 4.列表某项选中时,如果数量改变,总价和总数量相应改变. 一些说明: 复选框默认用的小程序的checkbox组件. 为了正在看这篇文章的你更好的理解,我把设置的data截图展示出来: 解决步骤: 1.后台获取购物车列表的时候,默认给它添加一个selected属性,设置为false,并把这个值赋值

.NET开发微信小程序-Template模块开发

1.添加一个文件目录,里面放模板信息 例:我在根目录添加一个文件夹:template 然后在这个文件夹下面添加相应的页面.比如我添加一个promodel.wxml文件.主要是放商品相关的模块信息(注:模板文件也是用的.wxml) <template name="proname"> <view class="myTempleta"> {{data.title}} </view>> </template>> 注

微信小程序——购物车数字加减

上一篇,我们有讲到如何造一个购物车弹层.今天来说一下,购物车数量的加减如何实现. 主要思路就是在data里面定义一个属性,属性值就是这个数量.点击+的时候就+1,点击-的时候就-1,再结合setData更改这个数字.当数字等于1的时候,要给-的按钮添加一个disabled的属性. wxml代码: <view class='row item-center'> <button class="buy-num-btn btn-minus" disabled="{{m