【鸿蒙实战开发】HarmonyOS实现购物车模块

背景

最近逛论坛和各种技术站发现大家对商城类应用搜索的频率非常高，在商城开发领域深耕多年的我为了造福一方码农，不得不出手相助了，那么今天就为大家带来商城应用开发中比较重要的一个功能模块，就是我们的购物车模块，购物车模块主要负责已添加商品的数量以及选中状态的查看以及我们商品价格的计算，首先让我们看效果图

可以看到这是某平台的购物车效果图，分别有商品选择和价格计算两个模块。在其他平台想必大家开发起来早已经烂熟于心，那在我们的HarmoneyOS上又该如何实现呢？

开发准备

硬件：

支持api12的HarmoneyOS NEXT系统的手机或者平板

软件：

DevEco Studio NEXT 5.0.3.403

Api 12语言： 方舟编程语言（ArkTs）

UI开发框架：

方舟UI框架，ArkUI

开发分析

购物车有商品列表和价格计算，所以我们的组件结构是在自定义组件中使用list列表实现商品分类，在自定义价格计算组件中去实时计算列表中随动的商品价格

代码实现

首先定义好我们需要的变量，一个商品总价和商品流的详情，因为我们需要改变数组中对象的数据所以我们需要用到@ObjectLink