Űrlap Konfiguráció¶
Ez az útmutató segít az űrlapok létrehozásában és testreszabásában.
A konfiguráció szerkesztő felülete
Áttekintés¶
Az űrlapok JSON konfiguráció alapján jönnek létre. A konfiguráció meghatározza: - Milyen mezők jelenjenek meg - Milyen típusúak legyenek - Milyen validációk vonatkozzanak rájuk - Hogyan viselkedjenek (feltételes megjelenítés, számítások)
Konfiguráció Szerkesztő¶
Megnyitás¶
- Nyisd meg az Adminisztráció menüt
- Válaszd a "Konfigurációk" menüpontot
- Kattints egy meglévő konfigurációra vagy az "Új" gombra
Felület Elemei¶
- Faszerkezet: Bal oldalon a mező hierarchia
- Tulajdonságok: Jobb oldalon az aktuális elem beállításai
- Előnézet: Élő előnézet az űrlapról
- JSON Szerkesztő: Haladó felhasználóknak
AI Konfiguráció Generálás¶
Az AI segítségével automatikusan generálhatsz űrlap konfigurációkat természetes nyelvi leírásból.
Használat¶
- Írd be a kívánt űrlap leírását a prompt mezőbe
- Kattints a "Generálás AI-val" gombra
AI prompt bevitele a generáláshoz
Generálás Folyamata¶
Az AI kategorizálja és elemzi a kérést
A rendszer: - Automatikusan kategorizálja az űrlap típusát - Javasol megfelelő beállításokat (pl. saveUrl) - Magyar nyelvű mezőneveket és validációkat generál
Eredmény¶
A generálás eredménye a token használattal
A generált konfiguráció: - Közvetlenül a JSON szerkesztőben jelenik meg - Tartalmazza a validációs szabályokat - Token használat és költség kimutatás
Mező Típusok¶
Szöveges Mezők¶
| Típus | Leírás | Használat |
|---|---|---|
text |
Egysoros szöveg | Név, cím |
textarea |
Többsoros szöveg | Megjegyzés, leírás |
html |
Rich text szerkesztő | Formázott tartalom |
Számok¶
| Típus | Leírás | Használat |
|---|---|---|
number |
Szám | Mennyiség, ár |
Beállítások: - Minimum/maximum érték - Tizedesek száma - Spinner gombok megjelenítése
Dátumok¶
| Típus | Leírás | Használat |
|---|---|---|
date |
Csak dátum | Születési dátum |
datetime |
Dátum és idő | Időpont foglalás |
Beállítások: - Minimum/maximum dátum - Megjelenítési formátum
Kiválasztások¶
| Típus | Leírás | Használat |
|---|---|---|
boolean |
Igen/Nem | Elfogadás |
lookup |
Legördülő lista | Kategória választás |
tagbox |
Többszörös választás | Címkék |
Fájlok¶
| Típus | Leírás | Használat |
|---|---|---|
file |
Fájl feltöltés | Dokumentumok |
image |
Kép feltöltés | Profilkép |
signature |
Aláírás | Jóváhagyás |
Struktúra Elemek¶
Csoportok¶
Mezők vizuális csoportosítása:
- Adj hozzá "Csoport" elemet
- Állítsd be a címet
- Húzd bele a mezőket
Beállítások: - Oszlopok száma (1-4) - Összeomlasztható-e
Fülek¶
Több lapra osztás:
- Adj hozzá "Fülek" elemet
- Hozd létre a füleket
- Oszd el a mezőket a fülek között
Beágyazott Rács¶
Táblázatos adatbevitel az űrlapon belül:
- Adj hozzá "Rács" mezőt
- Definiáld az oszlopokat
- Állítsd be a hozzáadás/törlés engedélyezést
Validáció Beállítása¶
Kötelező Mező¶
- Válaszd ki a mezőt
- A Tulajdonságok panelen jelöld be a "Kötelező" opciót
- Add meg a hibaüzenetet (opcionális)
Szöveghossz¶
- Válaszd a "Szöveghossz" validációt
- Állítsd be a minimum és/vagy maximum értéket
- Add meg a hibaüzenetet
Számtartomány¶
- Válaszd a "Tartomány" validációt
- Állítsd be a minimum és/vagy maximum értéket
- Add meg a hibaüzenetet
Egyéni Minta (Regex)¶
- Válaszd a "Minta" validációt
- Add meg a regex mintát
- Add meg a hibaüzenetet
Gyakori minták:
- Telefonszám: ^\+?[0-9]{9,15}$
- Irányítószám: ^[0-9]{4}$
- URL: ^https?://.*
Feltételes Logika¶
Feltételes Megjelenítés¶
Mező megjelenítése más mező értéke alapján:
- Válaszd ki a mezőt
- Nyisd meg a "Feltételek" fület
- Válaszd a "Látható ha" opciót
- Add meg a feltételt:
- Hivatkozott mező
- Elvárt értékek
Példa: A "Házastárs neve" mező csak akkor jelenik meg, ha a "Családi állapot" értéke "Házas".
Feltételes Letiltás¶
Hasonlóan, de a mező letiltásához:
- Válaszd a "Letiltott ha" opciót
- Add meg a feltételt
Feltételes Kötelezőség¶
Mező kötelezővé tétele feltételesen:
- Válaszd a "Kötelező ha" opciót
- Add meg a feltételt
Lookup Mezők¶
Statikus Lista¶
Előre definiált értékek:
- Válaszd a
lookuptípust - Válaszd a "Statikus lista" forrást
- Add meg az értékeket
Dinamikus Lista¶
Adatbázisból töltött értékek:
- Válaszd a
lookuptípust - Válaszd az "API" forrást
- Add meg az API endpoint-ot
Függő Lookup¶
Másik mező értékétől függő lista:
- Konfiguráld a fő lookup mezőt
- A függő mezőnél válaszd a "Függ ettől" opciót
- Válaszd ki a szülő mezőt
- Add meg a szűrési kifejezést
Számított Mezők¶
Egyszerű Számítás¶
Mezők értékéből számított érték:
- Hozd létre a számított mezőt
- Állítsd "Csak olvasható"-ra
- Add hozzá az eseménykezelőt:
- Esemény: A forrás mező változásakor
- Művelet: Számítás
- Képlet: pl.
quantity * unitPrice
Összegzés¶
Beágyazott rács sorainak összegzése:
- Hozd létre az összeg mezőt
- Add hozzá a számítási eseményt
- Használd a
sum()függvényt
Előnézet és Tesztelés¶
Élő Előnézet¶
A szerkesztő jobb oldalán látod az élő előnézetet.
Tesztelés¶
- Kattints a "Tesztelés" gombra
- Töltsd ki a tesztadatokkal
- Ellenőrizd a viselkedést
Mentés és Publikálás¶
Vázlat Mentése¶
Ctrl+Svagy "Mentés" gomb- A vázlat nem jelenik meg a felhasználóknak
Publikálás¶
- Ellenőrizd a konfigurációt
- Kattints a "Publikálás" gombra
- Az űrlap elérhetővé válik
Tippek¶
Felhasználóbarát Űrlapok¶
- Csoportosítsd a kapcsolódó mezőket
- Használj érthető címkéket
- Add meg a placeholder szöveget
- Írd le a várt formátumot
Teljesítmény¶
- Kerüld a túl sok mezőt egy űrlapon
- Használj füleket hosszú űrlapoknál
- Optimalizáld a lookup adatforrásokat
Karbantarthatóság¶
- Használj beszédes mezőneveket
- Dokumentáld az egyéni logikát
- Teszteld a változtatásokat