Dart学习笔记-整合基础知识实现的 Demo

r囧r小猫 2023-07-03 08:18 26阅读 0赞

## 参考： ##

*  [(1) 为 Java 开发人员准备的 Dart 教程][1_ _ Java _ Dart]
 *  [08 | 综合案例：掌握Dart核心特性][08 _ _Dart]

## 准备工作 ##

我们使用 [dartpad][] 在线运行 `dart` 代码，当然如果你有`WebStorm`也可以添加`dart`插件运行`dart`代码。

**实现的功能是：购物车小票效果**，效果图如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUeGlhb2Rvbmc_size_16_color_FFFFFF_t_70]  
分析要实现以上的购物车小票示例需要准备什么？

*  格式化输出结果
 *  商品类：名称、单价、数量
 *  购物车类：商品、总价、结算日期

### 定义商品类 ###

为了用到已学习的继承知识，定义一个`Meta`中间类存放商品的：`名称、价格`

class Meta {
      double price;
      String name;
      Meta(this.name, this.price);
    }

再定义商品类`Good`，继承了`Meta`类，并添加了`count（数量）`的字段

class Good extends Meta {
      int count;
      // 构造函数
      Good(name, price, this.count) : super(name, price);
    }

有了商品信息，以及商品金额计算的方法，下面来定义`购物车类`

### 定义购物车类 ###

在购物车类中我们需要

*  计算商品的总价
 *  输出详细的商品信息

因此购物车代码如下：

//定义购物车类
    class ShoppingCart extends Meta with PrintHelper {
      DateTime date;
      String code;
      List<Good> bookings;
    
      // 获取购物车总价
      double get price => bookings.reduce((item, itemTotalPrice) => (item+ itemTotalPrice)).price;
      // 只有购物者名称的构造函数，使用 withCode 来调用两个参数的构造函数
      ShoppingCart({name}) : this.withCode(name: name, code: null);
      // 有购物者及优惠码的构造函数
      ShoppingCart.withCode({name, this.code}) : date = DateTime.now(), super(name, 0);
      // 格式化输出
      getInfo() => 
    '''
    购物车信息:
         
    ----------------
    商品名 单价 数量 总价
    ----------------
    ${bookings.map((item) => '${item.name} ${item.price} ${item.count} ${item.price * item.count}').join('\n')}
         
    ================
    用户名： $name
    优惠码： ${code ?? "没有"}
    总价： $price
    日期： $date
    ''';
    }

上面的代码都好理解，有点难度的是在计算商品总价是使用了`dart`中的运算符重载功能。也可以不用运算符重载，直接在`ShoppingCart`中定义一个计算所有商品总价的方法，遍历所有商品的价格并计算即可。

既然`dart`提供了运算符重载功能，那么我们就得用起来啊。

首先在需要在`Good`类中重载`+`号运算符

Good operator +(Good item) => Good(name + item.name, price * count + (item.price * item.count), 1);
    // 结果就是把两个 Good  对象合并为一个。新 Good 对象的 name = name + item.name，price =  price * count + (item.price * item.count) 。

然后在计算商品总价的时候可以使用

// reduce 函数是将数组中的每一个值与前面返回的值相加，最后返回相加的总和
    
    double get price => bookings.reduce((item, itemTotalPrice) => (item+ itemTotalPrice)).price;
    
    list[0...n].reduce(f)相当于就是：
    a0 = list[0]
    a1 = f(a0,list[1])
    a2 = f(a1,list[2])
    an = f(an-1,list[n])
    
    reduce(f) 中的 f 是求和函数 f(x,y)=x+y，可以理解成 an=list[0]+list[1]+list[n-1]+list[n]

购物车类`ShoppingCart`继承了`Meta` 并实现了`PrintHelper`类，`Meta`类我们已经实现了，下面来定义`PrintHelper`类

mixin PrintHelper {
      printInfo() => print(getInfo());
      getInfo();
    }

以上就是购物车 demo 的实现。

[1_ _ Java _ Dart]: https://codelabs.flutter-io.cn/codelabs/from-java-to-dart-cn/index.html#0
[08 _ _Dart]: https://time.geekbang.org/column/article/107315
[dartpad]: https://dartpad.dev/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUeGlhb2Rvbmc_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200208223339648.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUeGlhb2Rvbmc=,size_16,color_FFFFFF,t_70