Vaadin - Creación de la primera aplicación

En el capítulo anterior, ha visto la instalación de Vaadin en su sistema local. En este capítulo, comencemos por crear nuestra primera aplicación usando Vaadin. Recuerde que estamos usando Eclipse IDE en este tutorial.

Para comenzar a crear su primera aplicación en Vaadin, abra Eclipse IDE en su sistema local y siga los pasos que se detallan a continuación:

Step 1 - En el File menú, haga clic en New y luego haga clic en Other. Consulte la siguiente captura de pantalla para comprender mejor.

Step 2 - Ahora, escriba Vaadinen el cuadro de búsqueda y puede ver las opciones como se muestra en la siguiente captura de pantalla. Ahora, seleccioneVaadin 8 de las opciones y haga clic en Next.

Step 3- Puede ver una ventana con cuatro opciones como se muestra a continuación. Seleccione la primera opción y continúe con el siguiente paso.

Step 4- A continuación, puede ver una pantalla como se muestra en la captura de pantalla a continuación. Proporcione el Id. De grupo y el Id. De artefacto y seleccione Finalizar. Esto completa el proyecto y Eclipse creará Vaadin para usted.

Tenga en cuenta que este paso puede llevar algún tiempo ya que requiere los ajustes de configuración. La identificación del artefacto es el nombre del proyecto actual. Lo hemos nombrado comoMyFirstApp.

Step 5 - Ahora, puede encontrar la estructura de directorios del proyecto Vaadin automatizado como se muestra a continuación -

Step 6- Su primera aplicación Vaadin está lista. Ejecute el proyecto en cualquier servidor de aplicaciones. Una vez que esté listo, puede encontrar su pantalla como se muestra a continuación:

Step 7 - Ingrese cualquier texto en el cuadro de texto y haga clic en el Click Mebotón. Puede observar la salida como se muestra:

¡Felicidades! Ha creado con éxito su primera aplicación Vaadin.