Información General

Vaadin Flow

Vaadin Flow es un nuevo marco web de Java para construir aplicaciones y sitios web modernos. Es parte de la plataforma Vaadin y un sucesor para Vaadin Framework que brinda compatibilidad con componentes web a los usuarios de Java. Flow permite a los desarrolladores ser súper productivos al crear interfaces de usuario en Java o al usar plantillas HTML para componer la interfaz de usuario y vincularla a cualquier backend que utilice Java..

El poder de Vaadin Flow proviene de los siguientes conceptos:

• Construir un hermoso conjunto de componentes de interfaz de usuario enfocadas en el usuario final y la experiencia del desarrollador.
• Potentes capas de abstracción para construir fácilmente sus propios componentes reutilizables de interfaz de usuario con plantillas HTML ó Java.
• API de Enlace de Datos para conectar los componentes de la interfaz de usuario a cualquier backend utilizando la seguridad de tipo Java.
• La API del Enrutador para crear fácilmente estructuras jerárquicas de página para que el usuario pueda navegar.

Esta es la documentación para Vaadin Flow. Se divide en las siguientes subsecciones en el orden de lectura recomendado.

Introducción y Primeros Pasos

Introducción a Vaadin Flow

Primeros Pasos

Enrutador y Navegación

El enrutador es un concepto básico en Vaadin Flow, que permite la navegación de su sitio web o aplicación web. Se basa en la API de historial de HTML5 y permite al usuario navegar por las páginas hacia adelante y hacia atrás, y mantener intacto el estado de la página. Los siguientes tutoriales explican cómo usar el enrutador:

Definición de Rutas con @Route

Ciclo de Vida de la Navegación

Router Layouts and Nested Router Targets

URL Parameters for Navigation Targets

URL generation

Navigating Between Routes

Updating Page Title on Navigation

Router Exception Handling

Getting Registered Routes

Usando los Componentes de Vaadin

Using Vaadin Components

Component Basic Features

Component Enabled State

Grid

Using Icons

Enlazando de datos a componentes

Binder overview

Validating and Converting User Input

Loading from and Saving to Business Objects

Binding Beans to Forms

Showing a list of data with Data Providers

Importando archivos HTML, JavaScript y CSS

Including Style Sheets

Importing html/javascript

Ways of importing the dependencies

Estilizando Aplicaciones

Theming Overview

Using Component Themes

Application Theming Basics

Theming Crash Course

Integrating Your Own Component Theme

Creando Componentes

Creating A Simple Component Using the Element API

Creating a Component Based on Many Elements

Using API Helpers for Defining Component Properties

Creating a Component Using Existing Components

Using Events with Components

Creating a Component Which Can Contain Other Components

Component Lifecycle Callbacks

Manipulando el DOM con la API Element

Element Properties and Attributes

Listening to User Events

Retrieving User Input

Dynamic styling

Shadow root in server-side Element

Integrando de Componentes Web

Integrating a Web Component

Creating Java API for a Web Component

Debugging a Web Component Integration

Debugging a Web Component Integration

Creating an In-project Web Component

Creando Plantillas de Polymer

Creating A Simple Component Using the Template API

Binding Components from PolymerTemplate

Using sub-template from PolymerTemplate

Using <slot> in PolymerTemplates

Handling User Events in a PolymerTemplate

Binding Model Data in a PolymerTemplate

Two-way data binding

Using List of Items in a PolymerTemplate with template repeater

Using Beans with a PolymerTemplate Model

Using Model Encoders with a PolymerTemplate Model

Usando Vaadin con Spring

Use Vaadin with Spring

Use Vaadin with Spring MVC

Routing with Spring

Vaadin Spring Scopes

Vaadin Spring Configuration

Getting Started with Spring and Vaadin

Empaquetando para Producción

Taking your Application into Production

Customising Bundling

Advanced production mode topics

Migrando de Vaadin 8 a Vaadin 10

Migrating from Vaadin 8 to Vaadin 10

Migration Strategies

Differences between Vaadin 10 and Vaadin 8 Applications

Routing and Navigation

Components in Vaadin 10

Component Set

Basic Component Features

Layouts in Vaadin 10

Themes and Theming Applications

Add-ons, Integrations and Tools

Temas Avanzados

Application Lifecycle

Application Localization (I18N)

Modifying the bootstrap page

Flow runtime configuration

Customizing the Loading Indicator

Server Push Configuration

Asynchronous Updates

Creating Collaborative Views

Executing JavaScript from Server Side

Modifying how dependencies are loaded with DependencyFilters

Configure RequestHandlers, BootstrapListeners and DependencyFilters using VaadinServiceInitListener

Showing Dynamic Content

History API

Using stream resources

UIInitListener