Trình tạo Dart từ JSON

Cách chuyển đổi JSON sang Dart – hướng dẫn từng bước

Sử dụng trình tạo JSON to Dart này để tạo các lớp Dart không an toàn từ các mẫu JSON cho ứng dụng Flutter và dịch vụ Dart.

1. Bước 1 – Dán mẫu JSON

   • Dán đối tượng hoặc mảng JSON đại diện vào trình soạn thảo bên trái.
   • Bao gồm các đối tượng lồng nhau, mảng và các trường có thể rỗng để các kiểu được suy ra chính xác.
   • Sử dụng Import để tải JSON từ tệp, URL hoặc dữ liệu mẫu.

2. Bước 2 – Chọn tùy chọn lớp Dart

   • Đặt Class Name cho mô hình gốc (ví dụ Root).
   • Bật tính năng an toàn vô giá trị và xác nhận cách trình bày các trường tùy chọn (String?).
   • Nếu bạn sử dụng tính năng tạo mã, hãy chọn kiểu tuần tự hóa (như json_serializable).

3. Bước 3 – Xem lại mã được tạo

   • Kiểm tra tên trường, loại và cách mô hình hóa mảng/đối tượng.
   • Điều chỉnh các tùy chọn như Root Type Name, xử lý null và khung nếu có.
   • Nếu một trường được suy ra không chính xác, hãy điều chỉnh JSON mẫu của bạn và tạo lại.

4. Bước 4 – Sử dụng các mô hình trong Flutter/Dart

   • Thêm các lớp đã tạo vào dự án của bạn (ví dụ: trong lib/models).
   • Phân tích cú pháp JSON thành các mô hình có nhà máy fromJson hoặc các bộ tuần tự hóa được tạo.
   • Chạy flutter format để giữ đầu ra nhất quán với kiểu dự án của bạn.

5. Bước 5 – Sao chép hoặc tải xuống

   • Sao chép đầu ra vào dự án của bạn hoặc tải xuống dưới dạng tệp.
   • Chạy trình định dạng/linter để phù hợp với kiểu mã của bạn.
   • Thêm thư viện phân tích cú pháp/tuần tự hóa JSON nếu ngôn ngữ của bạn yêu cầu chúng.

// đầu vào JSON
{
  "id": 123,
  "name": "Maeve Winters",
  "email": "[email protected]",
  "active": true,
  "roles": ["admin", "editor"],
  "metadata": { "plan": "pro" },
  "createdAt": "2024-03-01T10:15:00Z",
  "score": 99.5,
  "notes": null
}

// Generated Dart models (simplified)
class Metadata {
  final String plan;
  const Metadata({required this.plan});
}

class Root {
  final int id;
  final String name;
  final String? email;
  final bool active;
  final List<String> roles;
  final Metadata metadata;
  final String createdAt;
  final double score;
  final Object? notes;

  const Root({
    required this.id,
    required this.name,
    required this.email,
    required this.active,
    required this.roles,
    required this.metadata,
    required this.createdAt,
    required this.score,
    required this.notes,
  });
}

Công cụ JSON & Dart liên quan

Khám phá thêm các công cụ JSON và lược đồ hoạt động hiệu quả cùng với trình tạo JSON sang Dart này.