Vaadin - Creazione della prima applicazione

Nel capitolo precedente, hai visto l'installazione di Vaadin sul tuo sistema locale. In questo capitolo iniziamo creando la nostra prima applicazione utilizzando Vaadin. Ricorda che stiamo usando Eclipse IDE in questo tutorial.

Per iniziare a creare la tua prima applicazione in Vaadin, apri Eclipse IDE nel tuo sistema locale e segui i passaggi indicati di seguito:

Step 1 - Sul File menu, fare clic su New quindi fare clic su Other. Fare riferimento allo screenshot seguente per una migliore comprensione.

Step 2 - Ora digita Vaadinnella casella di ricerca e puoi vedere le opzioni come mostrato nello screenshot seguente. Ora selezionaVaadin 8 dalle opzioni e fare clic su Next.

Step 3- Puoi vedere una finestra con quattro opzioni come mostrato di seguito. Seleziona la prima opzione e procedi al passaggio successivo.

Step 4- Successivamente, puoi vedere una schermata come mostrato nello screenshot qui sotto. Fornisci l'ID gruppo e l'ID artefatto e seleziona Fine. Questo completa il progetto ed Eclipse creerà Vaadin per te.

Tieni presente che questo passaggio potrebbe richiedere del tempo poiché richiede le impostazioni di configurazione. L'id artefatto è il nome del progetto corrente. L'abbiamo chiamato comeMyFirstApp.

Step 5 - Ora puoi trovare la struttura delle directory del progetto Vaadin automatizzato come mostrato di seguito -

Step 6- La tua prima applicazione Vaadin è pronta. Esegui il progetto in qualsiasi server delle applicazioni. Una volta pronto, puoi trovare il tuo schermo come mostrato di seguito:

Step 7 - Immettere un testo nella casella di testo e fare clic su Click Mepulsante. È possibile osservare l'output come mostrato -

Congratulazioni! Hai creato con successo la tua prima applicazione Vaadin.