Generator danych testowych dla frontendu bez API
Frontend jest gotowy, API jeszcze nie, a baza dla dema świeci pustkami. Ten generator danych testowych buduje listę zmyślonych rekordów ze schematu, który sam ustalasz. Każde pole ma nazwę i typ generatora. Wynik dostajesz jako JSON, CSV, instrukcje SQL INSERT albo plik TypeScript.
Typy pól i ich parametry
Jest 42 typy w siedmiu grupach: tożsamość (UUID, MongoDB ObjectId, ID rosnące), osoba, miejsce, liczby, daty, e-commerce i tekst. Część przyjmuje parametr:
- zakres liczb całkowitych:
21-65, - cena:
9.99-299.99, - „Wybór z listy” bierze słowa, np.
opłacone, wysłane, anulowane, a każdy wiersz dostaje jedno losowo, - wzorzec
ZAM-#{number:10000-99999}daje losową liczbę, a#{index}numer wiersza.
Słowa true i false oraz zwykłe liczby stają się prawdziwymi wartościami logicznymi i liczbami.
Od szablonu do pliku
- Kliknij szablon: Użytkownicy, E-commerce, Zamówienia, Firmy, Blog lub Lokalizacje. Najpierw ładuje się Użytkownicy, z 12 polami i 50 rekordami.
- Zmieniaj nazwy kluczy i typy, duplikuj lub usuwaj wiersze albo dodaj pole przyciskiem „+ Dodaj nowe pole”.
- Ustaw „Liczba rekordów”. Suwak sięga do 500, pole liczbowe do 1000.
- Otwórz JSON, CSV, SQL Insert, TypeScript lub „Tabela (podgląd)”. JSON ma 2 spacje, 4 spacje albo wersję zminifikowaną.
- Kliknij „Kopiuj” lub „Pobierz”. „Generuj ponownie” losuje nowy zestaw.
Pole „Korzeń (wrapper) JSON”
Wpisz klienci, a JSON stanie się obiektem z tablicą „klienci” i licznikiem „total”. Ten sam tekst nazywa tabelę w SQL i interfejs w TypeScript. Kartę SQL weźmiesz do zapełnienia lokalnej tabeli Postgres lub MySQL, kartę JSON do serwera mock albo historyjki w Storybooku, a CSV do testu importu do Excela.
Co wygląda sztucznie
Wartości pochodzą z Math.random bez ziarna, więc nie powtórzysz losowania, a każda zmiana pola generuje dane od nowa. Potrzebujesz stałego zestawu? Pobierz plik. Imiona, ulice i miasta pochodzą z krótkich wbudowanych list, głównie niemieckich i angielskich, z 17 miastami. Polskich imion nie ma. Pole IBAN zapisuje DE i losowe cyfry, a suma kontrolna się nie zgadza. Numery kart pokazują cztery cyfry, gwiazdki i cztery cyfry. Adresy e-mail używają kilku domen, w tym example.com, a niektóre z pozostałych mogą istnieć naprawdę. Nie wysyłaj tam poczty.
Kolumny CSV i SQL oraz typy TypeScript biorą się z pierwszego wiersza. Dwa pola o tej samej nazwie nadpisują się, a pusta nazwa zamienia się w field. Zakresy nie mogą być ujemne. Wynik SQL zawiera same INSERT, bez CREATE TABLE. Obiekty, jak współrzędne, trafiają do komórki jako tekst JSON. TypeScript używa tu tylko string, number, boolean i Record, więc daty są napisami.
Podgląd tabeli pokazuje 100 wierszy, ale nie jest kartą tekstową. „Kopiuj” i „Pobierz” używają tekstu z ostatnio otwartej karty JSON, CSV, SQL lub TypeScript, więc przełącz ją przed kliknięciem.
Gdzie zostaje Twój schemat
W karcie przeglądarki. Generowanie działa jako JavaScript, a edycja pól, zmiana kart, „Kopiuj” i „Pobierz” nie wysyłają zapytań, co sprawdzisz w zakładce Sieć w narzędziach deweloperskich. Plik nazywa się jak wrapper albo mock-data, z rozszerzeniem .json, .csv, .sql lub .ts. Pole avatara zapisuje tylko link do api.dicebear.com jako tekst.