JSON Swiss

JSON Swiss

JSON‑zu‑Dart‑Generator

JSON Eingabe

Editor wird geladen…

Generierter Dart

Configuration

Geben Sie JSON‑Daten ein, um Dart‑Klassen zu generieren

Klassen mit Null Safety und JSON‑Serialisierung

So konvertieren Sie JSON in Dart – Schritt-für-Schritt-Anleitung

Verwenden Sie diesen JSON-zu-Dart-Generator, um nullsichere Dart-Klassen aus JSON-Beispielen für Flutter-Apps und Dart-Dienste zu erstellen.

  1. Schritt 1 – Fügen Sie ein JSON-Beispiel ein

    • Fügen Sie ein repräsentatives JSON-Objekt oder -Array in den linken Editor ein.
    • Schließen Sie verschachtelte Objekte, Arrays und Nullable-Felder ein, damit Typen korrekt abgeleitet werden.
    • Verwenden Sie Import, um JSON aus einer Datei, URL oder Beispieldaten zu laden.

  2. Schritt 2 – Wählen Sie die Dart-Kursoptionen

    • Legen Sie Class Name für das Root-Modell fest (zum Beispiel Root).
    • Aktivieren Sie die Nullsicherheit und bestätigen Sie, wie optionale Felder dargestellt werden (String?).
    • Wenn Sie Codegenerierung verwenden, wählen Sie einen Serialisierungsstil (z. B. json_serializable).

  3. Schritt 3 – Überprüfen Sie den generierten Code

    • Überprüfen Sie Feldnamen, Typen und die Modellierung von Arrays/Objekten.
    • Passen Sie Optionen wie Root Type Name, Nullbehandlung und Frameworks an, falls verfügbar.
    • Wenn ein Feld falsch abgeleitet wird, optimieren Sie Ihren Beispiel-JSON und generieren Sie ihn neu.

  4. Schritt 4 – Verwenden Sie die Modelle in Flutter/Dart

    • Fügen Sie die generierten Klassen Ihrem Projekt hinzu (zum Beispiel unter lib/models).
    • Analysieren Sie JSON in Modelle mit einer fromJson-Factory oder generierten Serialisierern.
    • Führen Sie flutter format aus, um die Ausgabe konsistent mit Ihrem Projektstil zu halten.

  5. Schritt 5 – Kopieren oder Herunterladen

    • Kopieren Sie die Ausgabe in Ihr Projekt oder laden Sie sie als Datei herunter.
    • Führen Sie Ihren Formatierer/Linter entsprechend Ihrem Codestil aus.
    • Fügen Sie JSON-Parsing-/Serialisierungsbibliotheken hinzu, wenn Ihre Sprache dies erfordert.

Schnelle Tipps

  • Halten Sie die Modellklassen klein und erstellen Sie aus Gründen der Übersichtlichkeit verschachtelte Typen.
  • Verwenden Sie die DateTime-Analyse nur, wenn Ihr API-Format konsistent ist.
  • Bevorzugen Sie generierte Serialisierer für große Modelle, um manuelle Zuordnungsfehler zu reduzieren.
Beispielausgabe (vereinfacht)
// JSON-Eingabe
{
  "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,
  });
}

Verwandte JSON- und Dart-Tools

Entdecken Sie weitere JSON- und Schema-Tools, die zusammen mit diesem JSON-zu-Dart-Generator hervorragend funktionieren.

Dart-Klasse zu JSON und JSON-Schema

Konvertieren Sie vorhandene Dart-Klassen in JSON-Beispiele und JSON-Schema für Dokumente und Validierung.

JSON-Schemagenerator

Generieren Sie ein JSON-Schema aus JSON-Beispielen, um API-Nutzlasten zu validieren.

JSON-Formatierer und Validator

Formatieren und validieren Sie JSON, bevor Sie Dart-Modelle generieren, um Laufzeitprobleme zu vermeiden.

JSON-zu-TypeScript-Generator

Generieren Sie TypeScript-Typen für gemeinsame API-Verträge auf verschiedenen Plattformen.

Häufig gestellte Fragen

Welche Dart‑Features werden unterstützt?

Der Generator erstellt Dart‑Klassen mit sauberer Typsicherheit, unterstützt manuelle JSON‑Serialisierung sowie das Paket json_annotation, nutzt Nullable‑Typen für null‑Werte und folgt Dart‑Namenskonventionen.

Wie funktioniert json_annotation?

Wenn das Framework json_annotation gewählt ist, verwenden die generierten Klassen @JsonSerializable() und erzeugen fromJson/toJson‑Methoden automatisch mit build_runner. Das ermöglicht typsichere JSON‑Serialisierung.

Wie werden null‑Werte behandelt?

Null‑Werte in JSON werden auf Nullable‑Typen (?) in Dart abgebildet. Pflichtfelder verwenden das Keyword 'required' in Konstruktoren – gemäß Darts Null‑Safety‑Prinzipien.

Was ist mit Darts Typsystem?

Der generierte Code nutzt Darts starkes Typsystem mit passenden Typen (int, double, String, bool, List, Map) und folgt Konventionen wie camelCase für Feldnamen.

JSON‑zu‑Dart‑Generator | JSONSwiss