Testdaten Generator für Frontend-Demos und Importtests
Das Frontend steht, die API fehlt noch, und die Demo-Datenbank ist leer. Mit diesem Testdaten Generator legst du ein Schema fest: Jedes Feld bekommt einen Namen und einen Generator-Typ. Heraus kommt eine Liste erfundener Datensätze als JSON, CSV, SQL-INSERT-Anweisungen oder TypeScript-Datei. Schon 500 Kunden machen eine Liste glaubwürdig.
42 Feldtypen und der Root-Wrapper
Die Typen liegen in sieben Gruppen: Identität (UUID, MongoDB ObjectId, fortlaufende ID), Person, Ort, Zahlen, Datum, E-Commerce und Text. Manche nehmen einen Parameter:
- Ganzzahl-Bereich:
21-65 - Preis:
9.99-299.99 - "Auswahl aus Liste" nimmt Wörter wie
bezahlt, versandt, storniert, jede Zeile bekommt eines zufällig. - Muster:
BST-#{number:10000-99999}ergibt eine Zufallszahl,#{index}die Zeilennummer.
Die Wörter true und false sowie reine Zahlen werden zu echten Booleans und Zahlen. Das Feld "JSON Root-Wrapper" erledigt drei Dinge. Tippst du kunden ein, wird aus dem JSON ein Objekt mit dem Array "kunden" und einer Zahl "total". Derselbe Text benennt in SQL die Tabelle und in TypeScript das Interface. Der SQL-Tab füllt eine lokale Postgres- oder MySQL-Tabelle, der JSON-Tab einen Mock-Server oder eine Storybook-Story, der CSV-Tab testet einen Excel-Import.
Wo die Daten absichtlich falsch sind und was lokal bleibt
Die Werte stammen aus Math.random ohne Seed. Einen Lauf kannst du nicht wiederholen, und jede Änderung an einem Feld erzeugt neue Daten. Brauchst du einen festen Satz, lade die Datei herunter. Namen, Straßen und Städte kommen aus kurzen eingebauten Listen, vor allem deutsch und englisch, mit 17 Städten. Die IBAN besteht aus DE und Zufallsziffern, die Prüfsumme stimmt also nicht. Kartennummern zeigen vier Ziffern, Sternchen und vier Ziffern. E-Mail-Adressen nutzen wenige Domains, darunter example.com, einige davon könnten echt sein. Schick dort keine Post hin.
Bei CSV, SQL und TypeScript bestimmt die erste Zeile die Spalten und Typen. Zwei Felder mit gleichem Namen überschreiben sich, ein leerer Name wird zu field. Bereiche dürfen nicht negativ sein. Die SQL-Ausgabe hat nur INSERT, kein CREATE TABLE. Objekte wie Koordinaten stehen als JSON-Text in der Zelle. TypeScript kennt hier string, number, boolean und Record, Datumswerte sind also Strings. Die Tabellenvorschau zeigt 100 Zeilen.
Alles läuft als JavaScript in deinem Browser-Tab. Felder ändern, Tabs wechseln, "Kopieren" und "Download" senden keine Anfrage, das prüfst du im Netzwerk-Tab der Entwicklertools. "Download" speichert eine Datei, benannt nach dem Root-Wrapper oder mock-data, mit der Endung .json, .csv, .sql oder .ts. Das Avatar-Feld schreibt nur einen Link auf api.dicebear.com als Text, geladen wird er erst, wenn du ihn öffnest.
Fünf Schritte bis zur Datei
- Wähle eine Vorlage: Benutzer, E-Commerce, Bestellungen, Unternehmen, Blog-Beiträge oder Geo-Standorte. Geladen ist zuerst Benutzer, mit 12 Feldern und 50 Datensätzen.
- Benenne Schlüssel um, tausche Typen im Dropdown, dupliziere oder lösche Zeilen oder nimm "+ Neues Feld hinzufügen".
- Stelle "Anzahl der Datensätze" ein. Der Regler endet bei 500, das Zahlenfeld nimmt bis zu 1000.
- Wähle JSON, CSV, SQL Insert, TypeScript oder "Tabelle (Vorschau)". Bei JSON gibt es 2 Spaces, 4 Spaces oder Minified. Wechsle vor "Kopieren" oder "Download" auf einen Text-Tab, denn beide nutzen den zuletzt gewählten.
- Klicke "Kopieren" oder "Download". "Neu Generieren" würfelt einen neuen Satz.