Flutter 商城项目：使用 ApiService 和 Model 解析购物车数据

Flutter 商城项目：使用 ApiService 和 Model 解析购物车数据

本文将介绍如何使用 Flutter 的 ApiService 类和 Model 类来解析购物车数据。我们将使用一个示例代码来演示如何通过网络请求获取购物车信息，并使用 Model 类进行数据解析。

1. ApiService 类

为了将所有网络请求集中在一个地方，我们创建一个名为 api_service.dart 的文件，并在其中定义一个名为 ApiService 的类。在这个类中，我们将定义所有网络请求方法，例如获取购物车信息。

2. Model 类

为了解析从网络请求返回的 JSON 数据，我们需要创建 Model 类。例如，我们可以创建一个名为 Cart 的类来解析购物车数据。Cart 类包含 products 和 totalPrice 两个属性，分别用于存储购物车中的商品列表和总价。

3. 示例代码

以下代码示例演示了如何使用 ApiService 类和 Model 类来获取购物车信息并进行解析：

// api_service.dart
class ApiService {
  static Future<Cart> getCart() async {
    try {
      Response response = await _dio.get('$baseUrl/getshoppingcart');
      dynamic jsonData = jsonDecode(response.data);
      List<dynamic> productsData = jsonData[0];
      List<dynamic> productsInfo = jsonData[1];
      double totalPrice = jsonData[2];
      List<CartProduct> products = productsData
          .map((data) {
            dynamic info = productsInfo
                .firstWhere((info) => info['productId'] == data['productId']);
            int quantity = data['quantity'];
            return CartProduct(
              id: data['id'],
              productId: data['productId'],
              name: info['name'],
              imageUrl: info['imageUrl'],
              price: info['price'],
              quantity: quantity,
            );
          })
          .toList();
      Cart cart = Cart(
        products: products,
        totalPrice: totalPrice,
      );
      return cart;
    } catch (e) {
      throw e;
    }
  }
}

// models/cart.dart
class Cart {
  List<CartProduct> products;
  double totalPrice;

  Cart({this.products, this.totalPrice});

  factory Cart.fromJson(Map<String, dynamic> json) {
    List<dynamic> productsData = json[0];
    List<dynamic> productsInfo = json[1];
    double totalPrice = json[2];
    List<CartProduct> products = productsData
        .map((data) {
          dynamic info = productsInfo
              .firstWhere((info) => info['productId'] == data['productId']);
          int quantity = data['quantity'];
          return CartProduct(
            id: data['id'],
            productId: data['productId'],
            name: info['name'],
            imageUrl: info['imageUrl'],
            price: info['price'],
            quantity: quantity,
          );
        })
        .toList();
    return Cart(
      products: products,
      totalPrice: totalPrice,
    );
  }
}

class CartProduct {
  int id;
  int productId;
  String name;
  String imageUrl;
  double price;
  int quantity;

  CartProduct({this.id, this.productId, this.name, this.imageUrl, this.price, this.quantity});
}

4. 使用示例

在您的 Flutter 应用中，可以使用以下代码来获取购物车信息：

ApiService.getCart().then((cart) {
  // 使用 cart 对象访问购物车信息
  print(cart.products);
  print(cart.totalPrice);
});

总结

通过使用 ApiService 类和 Model 类，我们可以将网络请求和数据解析代码进行合理组织，并提高代码的可读性和可维护性。

希望本文对您有所帮助！如果您有任何问题或建议，请随时评论。