Passaggio: costruire un modulo di inserimento dati

Prev Next

In questa guida, si potrà:* Creare un modulo di input su un passo utilizzando i widget di input* Salvare i dati di input in variabili e in una tabella* Esaminare i record della tabella su un passo

In questa guida imparerete a memorizzare i dati in un'applicazione e a salvare i dati di input da un'applicazione a una tabella.

Alla fine di entrambi gli esercizi, si avrà un'applicazione per l'inserimento dei dati che avrà questo aspetto:ex first data entry app walkthrough

Esercizio 1: Salvare i dati di input nell'app

In questo esercizio, creerete un passo di base che salva i dati di input nelle variabili.

Creare una nuova applicazione

  1. Nella scheda Applicazioni, fare clic su Applicazioni.Apps tab
  2. Fare clic su + Crea applicazione nell'angolo in alto a destra.
  3. Nominare l'applicazione "Modulo di immissione dati - Esempio". È possibile aggiungere una descrizione, in modo che gli altri utenti sappiano a cosa serve questa applicazione.ex data entry create new app
  4. Fare clic su + Crea.

Dalla pagina dei dettagli dell'applicazione, è possibile fare clic su Modifica nell'angolo in alto a destra oppure sul nome del passo senza titolo per accedere all'Editor di app.

Aggiungere widget di input con fonti di dati variabili

  1. Fare clic sulla scheda Input e selezionare Checkbox.
  2. Nel riquadro laterale, assegnare un nome all'etichetta: "Ordine di lavoro completato".
  3. In Origine dati, fare clic sulla casella vuota e poi su Aggiungi variabile.
  4. Nominare la variabile "Ordine di lavoro completato" e modificare il valore predefinito in no. Fare clic su + Crea.ex data entry work order completed variable

La configurazione del widget apparirà come segue:

ex first data entry Input widget side pane config

  1. Aggiungere un widget Scegli data dalla scheda Ingressi.
  2. Nel riquadro laterale, assegnare un nome all'etichetta: "Data completata".
  3. In Origine dati, fare clic sulla casella vuota e poi su Aggiungi variabile.
  4. Nominare la variabile "Data completamento" e fare clic su + Crea.

La configurazione del widget apparirà come segue:ex first data entry input widget config2

Creare un trigger per salvare i dati inseriti

  1. Fare clic sulla scheda Pulsanti e selezionare Invia.
  2. Nel riquadro laterale, fare clic sul segno + più accanto a Trigger.
  3. Intitolare il trigger "Salva dati app".
  4. Nella sezione Allora, selezionare App dal menu a tendina. Quindi selezionare Salva tutti i dati dell'app. Fare clic su Salva.ex first data entry save app data trigger

Ora si dispone di un passo di immissione dati di base che utilizza le variabili per memorizzare i valori. Ecco come appare l'applicazione quando la si testa in modalità sviluppatore:ex first data entry exercise 1 test

Si noti che le variabili memorizzano i dati di completamento, che si possono vedere sotto la schermata del passo.

Esercizio 2: Memorizzare i dati di input in una tabella

In order to follow this walkthrough, you must first complete the exercises in Build Your First Table.

In questo esercizio, si creerà un passo di inserimento dati che salva i valori in una tabella Ordini di lavoro. Sarà inoltre possibile visualizzare i record della tabella dal passo dell'applicazione. Aggiungete un nuovo passo e chiamatelo "Esercizio 2".

Aggiungere la tabella all'applicazione

  1. Fare clic sulla scheda Record e selezionare + Aggiungi tabella.
  2. Selezionare la tabella Ordini di lavoro, quindi fare clic su Aggiungi.ex first data entry add table
  3. Fare clic sull'icona + accanto a Segnaposto record.
  4. Assegnare un nome al segnaposto del record: "Ordini di lavoro correnti". Fare clic su Aggiungi segnaposto record.

ex first data entry record placeholder

Creare gli input del modulo dati

  1. Fare clic su Inputs e selezionare Single select.
  2. Nel riquadro laterale, etichettare il widget: "Prodotto".
  3. In Opzioni dati, fare clic sul campo Sorgente dati vuoto e quindi su + Aggiungi variabile.
  4. Nominare la variabile "Prodotto" e fare clic su + Crea.ex first data entry product input data source
  5. In Opzioni di selezione, aggiungere le seguenti opzioni:
  6. Telaio di bicicletta
  7. Ruota
  8. Trasmissione

ex first data entry product selection options

  1. Aggiungere un widget di input numerico al passo.
  2. Assegnare un nome all'etichetta: "Quantità".
  3. In Opzioni dati, fare clic sul campo Sorgente dati vuoto e quindi su + Aggiungi variabile.
  4. Nominare la variabile "Prodotto" e poi fare clic su + Crea.ex first data entry quantity config
  5. In Regole di convalida, fare clic su + per aggiungere una regola.
  6. Selezionare Maggiore di e digitare "0" come valore statico.

ex first data entry validate quantity input

Creare un pulsante di attivazione per memorizzare i valori di input

  1. Aggiungere un pulsante al passo.
  2. Nel riquadro laterale, aggiungere il testo: "Crea ordine di lavoro".
  3. In Trigger, fare clic su +.
  4. Assegnare un nome al trigger: "Memorizza i valori di input nel nuovo record dell'ordine di lavoro".
  5. Aggiungere le seguenti azioni al trigger:
  6. Record della tabella → Crea record → Espressione: RANDOMSTRING() → Ordini di lavoro correnti
  7. Manipolazione dei dati → Memorizzare → Variabile → Prodotto → Record della tabella → Ordini di lavoro correnti → Prodotto
  8. Manipolazione dei dati → Store → Variabile → Quantità → Record di tabella → Ordini di lavoro correnti → Quantità

ex first data entry trigger actions

Visualizzare la tabella degli ordini di lavoro in una fase

  1. Fare clic su Incorpora e selezionare Tabella interattiva.
  2. Nel riquadro laterale sotto Origine dati, selezionare Tabella Tulipano.
  3. Nel menu a tendina successivo, selezionare la tabella Ordini di lavoro.
  4. In Segnaposto collegato, selezionare Ordini di lavoro correnti.ex first data entry interactive table datasource
  5. In Campi, aggiungere i seguenti campi:
  6. ID
  7. Prodotto
  8. Quantità
  9. Data di creazione
  10. Stato
  11. Colore

ex first data entry interactive table fields

  1. Fare clic e trascinare i quadrati intorno al widget per regolare le dimensioni e visualizzare tutti i campi.ex first data entry adjust interactive table

Ora abbiamo un modulo di inserimento dati che memorizza le variabili in un segnaposto record e crea un record di tabella dal segnaposto corrente. Ecco come appare il passo quando lo si prova in modalità sviluppatore:

ex first data entry exercise 2 test

Se si digita "0" nella quantità, si noterà un messaggio di errore che richiede all'utente di inserire un valore accettabile. Questo è possibile grazie alla regola di validazione impostata sul widget.ex first data entry number widget error message

Passi successivi

Dopo aver creato un modulo di inserimento dati, è possibile imparare a costruire un'app o a visualizzare i dati: