java代码实现购物车小程序_微信小程序实现简单购物车功能

这个微信小程序的购物车功能，通过参照各大电商平台的功能和界面，然后总结出来的。

效果图

功能描述

1、可单选，全选/取消全选

2、增加、减少、手动编辑商品的数量

3、根据商品的数量统计价格

代码实现

此处省略一万字，废话不多说，直接上代码吧！

WXML静态布局、绑定“死”数据(主要功能代码)

{ {item.title}}

-

+

￥{ {item.price}}

全选

去结算

合计：￥{ {totalPrice}}

WXSS：样式有点多，就不放上来啦，需要的可以留下你的邮箱地址哦

JS：

当页面刚加载进来，当然要先onShow一下，默认全选，统计购物车里所有商品的价格。PS：这里建议用onShow，因为每次进入购物车都需要重新加载数据，而onLoad和onReady只在初始化的时候执行一次。

onShow() {

this.getTotalPrice();

}

统计总价(该页面还有其它地方需要调用到这个方法)

// 统计总价

getTot