用 JSON 轻松序列化 Flutter 中的模型类

2023-09-24 20:31:38

如何使用 JSON 序列化模型类

引言

在构建移动应用程序时，经常需要将数据存储在持久层以便于将来检索。JSON（JavaScript Object Notation）是一种流行的数据格式，因其轻量级和可读性而广受青睐。在 Flutter 中，您可以使用 JSON 来序列化和反序列化模型类，从而轻松地将数据存储和检索到设备上。

什么是模型类？

模型类是表示应用程序中特定对象的数据的类。例如，如果您正在构建一个食谱应用程序，则可以创建一个 Recipe 模型类，其中包含标题、配料表和烹饪步骤等属性。

JSON 序列化

JSON 序列化是将模型类转换为 JSON 字符串的过程。这可以通过使用 jsonEncode 函数来实现，该函数接受一个模型类实例作为参数并返回一个 JSON 字符串。

import 'dart:convert';

class Recipe {
  final String title;
  final List<String> ingredients;
  final List<String> steps;

  Recipe({
    required this.title,
    required this.ingredients,
    required this.steps,
  });

  String toJson() => jsonEncode(this);
}

JSON 反序列化

JSON 反序列化是将 JSON 字符串转换为模型类实例的过程。这可以通过使用 jsonDecode 函数来实现，该函数接受一个 JSON 字符串作为参数并返回一个模型类实例。

import 'dart:convert';

class Recipe {
  final String title;
  final List<String> ingredients;
  final List<String> steps;

  Recipe({
    required this.title,
    required this.ingredients,
    required this.steps,
  });

  factory Recipe.fromJson(String json) => Recipe.fromJson(jsonDecode(json));
}

实际应用

让我们考虑一个实际的例子。假设您有一个 Flutter 应用程序，其中用户可以创建食谱并将其存储在设备上。您可以创建一个 Recipe 模型类来表示食谱数据，如下所示：

class Recipe {
  final String title;
  final List<String> ingredients;
  final List<String> steps;

  Recipe({
    required this.title,
    required this.ingredients,
    required this.steps,
  });
}

要将食谱序列化为 JSON，您可以使用以下代码：

Recipe recipe = Recipe(
  title: 'Chocolate Chip Cookies',
  ingredients: ['Flour', 'Sugar', 'Chocolate chips'],
  steps: ['Mix ingredients', 'Bake at 350 degrees for 10 minutes'],
);

String json = jsonEncode(recipe);

要从 JSON 反序列化食谱，您可以使用以下代码：

String json = '{"title": "Chocolate Chip Cookies", "ingredients": ["Flour", "Sugar", "Chocolate chips"], "steps": ["Mix ingredients", "Bake at 350 degrees for 10 minutes"]}';

Recipe recipe = Recipe.fromJson(json);