Dart入门案例

失火殃及吃鱼
104 阅读5分钟

本篇将通过一个购物车案例，先实现一个不使用Dart特性的版本，在这个基础上将其逐步改造成一个符合Dart设计思想的程序。

首先，在不使用任何Dart特性的情况下，一个有基本功能的购物车长这样：

//定义商品Item类
class Item {
  double price;
  String name;
  Item(name, price) {
    this.name = name;
    this.price = price;
  }
}

//定义购物车类
class ShoppingCart {
  String name;
  DateTime date;
  String code;
  List<Item> bookings;

  price() {
    double sum = 0.0;
    for(var i in bookings) {
      sum += i.price;
    }
    return sum;
  }

  ShoppingCart(name, code) {
    this.name = name;
    this.code = code;
    this.date = DateTime.now();
  }

  getInfo() {
    return '购物车信息:' +
          '\n-----------------------------' +
          '\n用户名: ' + name+ 
          '\n优惠码: ' + code + 
          '\n总价: ' + price().toString() +
          '\n日期: ' + date.toString() +
          '\n-----------------------------';
  }
}

void main() {
  ShoppingCart sc = ShoppingCart('张三', '123456');
  sc.bookings = [Item('苹果',10.0), Item('鸭梨',20.0)];
  print(sc.getInfo());
}

在这段程序中，定义了一个商品类Item和购物车类ShoppingCart，两个类都有一个对应的初始化构造方法。通过main函数输入购物车以及订购信息，再通过ShoppingCart的getInfo函数输出购物车的基本信息。其运行结果如下：

购物车信息:
-----------------------------
用户名: 张三
优惠码: 123456
总价: 30.0
日期: 2019-06-01 17:17:57.004645
-----------------------------

这段程序的功能非常简单：我们初始化了一个购物车对象，然后给购物车对象进行加购操作，最后打印出基本信息。接下来我们逐步加入Dart特性。

构造函数改造

在其他编程语言中，在构造函数的函数体内，将初始化参数赋值给实例变量的方式非常常见。当前版本的Dart已经不支持这种初始化方式了，只能通过语法糖和初始化列表的方式，直接省去构造函数的函数体。

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

class ShoppingCart {
  String name;
  DateTime date;
  String code;
  List<Item> bookings;
  price() {...}
  //删掉了构造函数函数体
  ShoppingCart(this.name, this.code) : date = DateTime.now();
...
}

抽象类改造

改造完构造函数后，我们发现Item和ShoppingCart都有name属性，且Item有一个price属性，ShoppingCart有price方法。由于name属性和price属性（方法）的类型一致，并且在表达上的含义也接近，因此我们可以在这两个类的基础上，再抽象出一个新的基类Meta，用于存放name属性和price属性。

由于ShoppingCart类中，price是用作计算购物车中的价格，而非像Item中用于数据存取，因此在继承自Meta后，需要重写price的get方法。

class Meta {
  double price;
  String name;
  Meta(this.name, this.price);
}
class Item extends Meta{
  Item(name, price) : super(name, price);
}

class ShoppingCart extends Meta{
  DateTime date;
  String code;
  List<Item> bookings;
  
  double get price {
      double sum = 0.0;
      for(var i in bookings) {
        sum += i.price;
      }
      return sum;
} 
  ShoppingCart(name, this.code) : date = DateTime.now(),super(name,0);
  getInfo() {...}
}

改造price方法

这里我们用到Dart中的重载，重载item类的+运算符，然后利用item的+运算符来实现price的get方法。

另外，由于代码只有一行，这里用到Dart的箭头函数。

class Item extends Meta{
  ...
  //重载了+运算符，合并商品为套餐商品
  Item operator+(Item item) => Item(name + item.name, price + item.price); 
}

class ShoppingCart extends Meta{
  ...
  //把迭代求和改写为归纳合并
  double get price => bookings.reduce((value, element) => value + element).price;
  ...
  getInfo() {...}
}

优化getInfo函数

原先的getInfo函数将多个字符串用加号拼接实现，而Dart可以用字符串中插入变量或表达式的方式，使得代码更简洁。

getInfo () => '''
购物车信息:
-----------------------------
  用户名: $name
  优惠码: $code
  总价: $price
  Date: $date
-----------------------------
''';

其他优化

为了提高模型兼容性，并加强代码语义化程度，将构造函数中的参数改造成命名可选参数的方式（用大括号{}），同时需要增加当可选参数为空时的处理（??的使用）。

class ShoppingCart extends Meta{
  ...
  //默认初始化方法，转发到withCode里
  ShoppingCart({name}) : this.withCode(name:name, code:null);
  //withCode初始化方法，使用语法糖和初始化列表进行赋值，并调用父类初始化方法
  ShoppingCart.withCode({name, this.code}) : date = DateTime.now(), super(name,0);

  //??运算符表示为code不为null，则用原值，否则使用默认值"没有"
  getInfo () => '''
购物车信息:
-----------------------------
  用户名: $name
  优惠码: ${code??"没有"}
  总价: $price
  Date: $date
-----------------------------
''';
}

void main() {
  ShoppingCart sc = ShoppingCart.withCode(name:'张三', code:'123456');
  sc.bookings = [Item('苹果',10.0), Item('鸭梨',20.0)];
  print(sc.getInfo());

  ShoppingCart sc2 = ShoppingCart(name:'李四');
  sc2.bookings = [Item('香蕉',15.0), Item('西瓜',40.0)];
  print(sc2.getInfo());
}

运行结果如下

购物车信息:
-----------------------------
  用户名: 张三
  优惠码: 123456
  总价: 30.0
  Date: 2019-06-01 19:59:30.443817
-----------------------------

购物车信息:
-----------------------------
  用户名: 李四
  优惠码: 没有
  总价: 55.0
  Date: 2019-06-01 19:59:30.451747
-----------------------------

最后练习一下混入Mixin的使用，将getInfo中的print进行封装，并把打印信息的能力单独封装成一个单独的类 PrintHelper。

abstract class PrintHelper {
  printInfo() => print(getInfo());
  getInfo();
}

class ShoppingCart extends Meta with PrintHelper{
...
}

最终的完整代码如下：

class Meta {
  double price;
  String name;
  Meta (this.name, this.price);
}
// 定义商品Item类
class Item extends Meta{
  Item(name, price) : super(name, price);

  // 重载+运算符
  operator+(Item item) => Item(name + item.name, price + item.price);
}

abstract class PrintHelper {
  printInfo() => print(getInfo());
  getInfo();
}

// 定义购物车类
class ShoppingCart extends Meta with PrintHelper{
  DateTime date;
  String ?code;
  List<Item> ?bookings;

  // 继承了price属性，故需要实现price属性的get方法。
  double get price => (bookings?.reduce((value,element) => value + element).price) ?? 0;
  // 当前版本的构造函数已经不支持在函数体中通过内部属性赋值的方式初始化了，只能使用语法糖+初始化列表的方式。
  // 默认初始化方法，转发到withCode里
  ShoppingCart({name}) : this.withCode(name:name, code:null); 
  // withCode初始化方法，使用语法糖和初始化列表进行赋值，并调用父类初始化方法
  ShoppingCart.withCode({name, this.code}) : date = DateTime.now(), super(name, 0); 
  
  getInfo() => '''
    购物车信息：
    ----------------------------
    用户名：$name 
    优惠码：${code ?? 'no code'}
    总价：${price.toString()}
    日期：${date.toString()}
    ----------------------------
    ''';
}

void main(List<String> args) {
  ShoppingCart sc1 = ShoppingCart.withCode(name:'Greta', code:'123456')
  ..bookings = [Item('apple', 10.0), Item('milk', 5.0)]
  ..printInfo();

  ShoppingCart sc2 = ShoppingCart(name:'Salley')
  ..bookings = [Item('toys', 15.5), Item('games', 20.0)]
  ..printInfo();
}

本文参考自陈航的flutt技术与实战课程。

avatar
文章
阅读
粉丝