--- title: "Áttekintés: Adatbeviteli űrlap készítése " slug: "walkthrough-build-a-data-entry-form" updated: 2025-05-27T14:53:10Z published: 2025-05-27T14:53:10Z canonical: "support.tulip.co/walkthrough-build-a-data-entry-form" --- > ## Documentation Index > Fetch the complete documentation index at: https://support.tulip.co/llms.txt > Use this file to discover all available pages before exploring further. # Áttekintés: Adatbeviteli űrlap készítése **Ebben az ismertetőben:*** **Beviteli űrlapot hoz létre egy lépésben a bemeneti widgetek használatával*** **A bemeneti adatokat változókba és egy táblázatba menti*** **A táblázat rekordjainak áttekintése egy lépésben** Ebben az áttekintésben megtanulja, hogyan tárolhat adatokat egy alkalmazásban, valamint hogyan tárolhatja az alkalmazásból származó bemeneti adatokat egy táblázatban. Mindkét gyakorlat végén egy adatbeviteli alkalmazással fog rendelkezni, amely így fog kinézni:![ex first data entry app walkthrough](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20app%20walkthrough.gif) ## 1. gyakorlat: Bevitt adatok mentése alkalmazásba Ebben a gyakorlatban egy olyan alaplépést hoz létre, amely a bemeneti adatokat változókba menti. ### Hozzon létre egy új alkalmazást 1. Az **Alkalmazások** lapon kattintson az **Alkalmazások** gombra.![Apps tab](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/Apps%20tab.png) 2. Kattintson a **+ Alkalmazás létrehozása** gombra a jobb felső sarokban. 3. Nevezze el az alkalmazást "Adatbeviteli űrlap - példa". Opcionálisan hozzáadhat egy leírást, hogy a többi felhasználó tudja, mire való ez az alkalmazás.![ex data entry create new app](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20data%20entry%20create%20new%20app.png) 4. Kattintson a **+ Létrehozás** gombra. Az alkalmazás adatai oldalon a jobb felső sarokban a **Szerkesztés** gombra kattintva, vagy a **Cím nélküli lépés** nevére kattintva léphet be az alkalmazásszerkesztőbe. ### Beviteli widgetek hozzáadása változó adatforrásokkal 1. Kattintson a **Bemenetek** fülre, és válassza a **Checkbox (Jelölőnégyzet**) lehetőséget. 2. Az **oldalsó ablaktáblán** nevezze el a **Címkét**: "Munkamegrendelés befejezve". 3. Az **Adatforrás** alatt kattintson az üres mezőre, majd a **+** **Változó hozzáadása** mezőre. 4. Nevezze el a változót "Munkamegrendelés befejezve", és módosítsa az **Alapértelmezett értéket** **nemre**. Kattintson a **+ Create** gombra.![ex data entry work order completed variable](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20data%20entry%20work%20order%20completed%20variable.png) A widget konfigurációja így fog kinézni: ![ex first data entry Input widget side pane config](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20Input%20widget%20side%20pane%20config.png) 1. Adjon hozzá egy **Dátumválasztó** widgetet a **Bemenetek lapon**. 2. Az **oldalsó ablaktáblán** nevezze el a **Címkét**: "Date completed" (Befejezett dátum). 3. Az **Adatforrás** alatt kattintson az üres mezőre, majd **+** **Add variable (változó hozzáadása**). 4. Nevezze el a változót "Date completed" (Befejezés dátuma), és kattintson a **+ Create (Létrehozás)** gombra. A widget konfigurációja így fog kinézni:![ex first data entry input widget config2](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20input%20widget%20config2.png) ### Trigger létrehozása a bemeneti adatok mentéséhez 1. Kattintson a **Buttons** fülre, és válassza a **Submit (Elküldés**) lehetőséget. 2. Az **oldalsó ablaktáblán** kattintson a **+ plusz jelre** a **Triggers** mellett. 3. Adja a kiváltónak az "Alkalmazás adatainak mentése" címet. 4. A **Then** szakaszban válassza ki a legördülő menüből az **App-ot**. Ezután válassza az **Összes alkalmazásadat mentése** lehetőséget. Kattintson a **Mentés** gombra.![ex first data entry save app data trigger](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20save%20app%20data%20trigger.png) Most már van egy alapvető adatbeviteli lépés, amely változókat használ az értékek tárolására. Így néz ki az alkalmazás, ha Developer módban **teszteli**:![ex first data entry exercise 1 test](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20exercise%201%20test.gif) Vegye észre, hogy a változók a kitöltési adatokba tárolnak, amit a lépés képernyője alatt láthat. ## 2. gyakorlat: A bemeneti adatok tárolása táblázatba In order to follow this walkthrough, you must first complete the exercises in [Build Your First Table](/r230/docs/walkthrough-build-your-first-table). Ebben a gyakorlatban egy olyan adatbeviteli lépést hoz létre, amely az értékeket egy Munkamegrendelések táblázatba menti. A táblázatban lévő rekordokat is meg tudja majd tekinteni az alkalmazás lépéséből. 1. A lépés a következő. Adjon hozzá egy **új lépést**, és nevezze el "2. gyakorlatnak". ### Adja hozzá a táblázatot az alkalmazáshoz 1. Kattintson a **Rekordok** fülre, és válassza a **+ Táblázat hozzáadása** lehetőséget. 2. Válassza ki a **Munkamegrendelések** táblázatot, majd kattintson a **Hozzáadás** gombra.![ex first data entry add table](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20add%20table.gif) 3. Kattintson a **+** ikonra a **Record Placeholder** mellett. 4. Adjon nevet a rekord helyőrzőnek: "Jelenlegi munkamegrendelések". Kattintson a **Rekord helyőrző hozzáadása** gombra. ![ex first data entry record placeholder](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20record%20placeholder.png) ### Hozza létre az adatlap bemeneteit 1. Kattintson a **Bemenetek** gombra, és válassza ki az **Egyszeri kiválasztást**. 2. Az oldalsó ablakban címkézze fel a widgetet: "Termék". 3. Az **Adatopciók** alatt kattintson az üres **Adatforrás** mezőre, majd **+ Add variable (változó hozzáadása)**. 4. Nevezze el a változót "Termék" névvel, majd kattintson a **+ Létrehozás** gombra.![ex first data entry product input data source](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20product%20input%20data%20source.gif) 5. A **kiválasztási beállítások** menüpontban adja hozzá a következő beállításokat: 6. Kerékpárkeret 7. Kerék 8. Hajtáslánc ![ex first data entry product selection options](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20product%20selection%20options.png) 1. Adjon hozzá egy **számbemeneti** widgetet a lépéshez. 2. Nevezze el a címkét: "Mennyiség". 3. Az **Adatbeállítások** alatt kattintson az üres **Adatforrás** mezőre, majd **+ Változó hozzáadása**. 4. Nevezze el a változót "Termék", majd kattintson a **+ Létrehozás** gombra.![ex first data entry quantity config](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20quantity%20config.png) 5. Az **Érvényesítési szabályok** alatt kattintson a **+** gombra egy szabály hozzáadásához. 6. Válassza a **Greater Than (Nagyobb, mint** ) lehetőséget, és írja be a "0" értéket statikus értékként. ![ex first data entry validate quantity input](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20validate%20quantity%20input.gif) ### Gombindító létrehozása a bemeneti értékek tárolásához 1. Adjon hozzá egy **gombot** a lépéshez. 2. Az oldalsó ablaktáblában adjon hozzá szöveget: "Munkamegrendelés létrehozása". 3. A **Triggerek** alatt kattintson a **+** gombra. 4. Adjon nevet a kiváltónak: "Input értékek tárolása új munkamegrendelés rekordba". 5. Adja hozzá a következő műveleteket a kiváltóhoz: 6. Táblázati rekordok → Rekord létrehozása → Kifejezés: `RANDOMSTRING()` → Jelenlegi munkamegrendelések 7. Adatmanipuláció → Tárolás → Változó → Termék → Táblázati rekord → Jelenlegi munkamegrendelések → Termék 8. Adatmanipuláció → Tárolás → Változó → Mennyiség → Táblarekord→ Jelenlegi munkamegrendelések → Mennyiség ![ex first data entry trigger actions](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20trigger%20actions.png) ### Munkamegrendelések táblázat megtekintése lépésben 1. Kattintson a **Beágyazás** gombra, és válassza az **Interaktív táblázatot**. 2. Az **oldalsó ablaktáblában** az **Adatforrás** alatt válassza a **Tulipán táblázatot**. 3. A következő legördülő menüben válassza ki a **Munkamegrendelések** táblát. 4. A **Linked Placeholder** alatt válassza a **Current Work Orders (Aktuális munkamegrendelések**) lehetőséget.![ex first data entry interactive table datasource](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20interactive%20table%20datasource.png) 5. A Mezők alatt adja hozzá a következő mezőket: 6. ID 7. Termék 8. Mennyiség 9. Létrehozás dátuma 10. Állapot 11. Szín ![ex first data entry interactive table fields](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20interactive%20table%20fields.png) 1. Kattintson és húzza a négyzeteket a widget körül a méretek beállításához és az összes mező megjelenítéséhez.![ex first data entry adjust interactive table](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20adjust%20interactive%20table.gif) Most már van egy adatbeviteli űrlapja, amely változókat tárol egy rekord helyőrzőbe, és létrehoz egy táblázatrekordot az aktuális helyőrzőből. Így néz ki a lépés, ha Developer módban teszteli: ![ex first data entry exercise 2 test](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20exercise%202%20test.gif) Ha a mennyiségbe "0"-t írunk be, hibaüzenetet kapunk, amely arra kéri a felhasználót, hogy adjon meg egy elfogadható értéket. Ez a widgeten beállított **érvényesítési szabályból** lehetséges.![ex first data entry number widget error message](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/ex%20first%20data%20entry%20number%20widget%20error%20message.png) ## Következő lépések Most, hogy létrehoztál egy adatbeviteli űrlapot, ismerkedj meg az alkalmazásépítéssel vagy az adatok vizualizálásával: - [Walkthrough: Az első alkalmazás megépítése](/r230/docs/walkthrough-build-your-first-app) - [Walkthrough: Az első elemzés létrehozása](/r230/docs/walkthrough-create-your-first-analysis)