3.4. Motor del Lado del Cliente
Esta sección proporciona una descripción de la arquitectura del lado del cliente de Vaadin. El conocimiento de las tecnologías de lado del cliente no es generalmente necesario a menos que desarrolle o use componentes GWT personalizados. El motor del lado del cliente se basa en Google Web Toolkit (GWT), que permite el desarrollo del motor y de los componentes del lado del cliente únicamente con Java.
El Capítulo 11, Desarrollar Nuevos Componentes proporciona información acerca de la integración de los componentes de la interfaz de usuario basados en GWT con Vaadin.
Figura 3.2 Arquitectura del Motor de Lado del Cliente de Vaadin
La Figura 3.2, "Arquitectura del Motor de Lado del Cliente de Vaadin" ilustra la arquitectura del motor del lado del cliente utilizando un componente button como ejemplo. La interfaz de usuario es manejada por la clase
La actual página web inicial que es cargada en el navegador es una página en blanco que carga el código JavaScript del Motor del Lado del Cliente de Vaadin. Después de que es cargado e iniciado, maneja las peticiones AJAX al servidor. Todas las comunicaciones del servidor se realizan a través de la clase
La comunicación con el servidor se realiza como mensajes UIDL (Lenguaje de Definición de Interfaz de Usuario) usando el formato de intercambio de mensajes JSON sobre una conexión HTTP(S). UIDL es descrito en el Apéndice A, Lenguaje de Definición de Interfaz de Usuario (UIDL) y JSON en la Sección 3.2.3, "JSON" y la Sección A.2, "Renderizar JSON".
Esta sección proporciona una descripción de la arquitectura del lado del cliente de Vaadin. El conocimiento de las tecnologías de lado del cliente no es generalmente necesario a menos que desarrolle o use componentes GWT personalizados. El motor del lado del cliente se basa en Google Web Toolkit (GWT), que permite el desarrollo del motor y de los componentes del lado del cliente únicamente con Java.
El Capítulo 11, Desarrollar Nuevos Componentes proporciona información acerca de la integración de los componentes de la interfaz de usuario basados en GWT con Vaadin.
Figura 3.2 Arquitectura del Motor de Lado del Cliente de Vaadin
La Figura 3.2, "Arquitectura del Motor de Lado del Cliente de Vaadin" ilustra la arquitectura del motor del lado del cliente utilizando un componente button como ejemplo. La interfaz de usuario es manejada por la clase
ApplicationConnection
, la cual maneja las peticiones AJAX al servidor y renderiza la interfaz de usuario de acuerdo a las respuestas. Las comunicaciones se realizan a través de HTTP(S), utilizando el formato de intercambio de datos JSON y el Lenguaje de Definición de Interfaz de Usuario (UIDL). Del lado del servidor en la aplicación, button utiliza la clase Button
de Vaadin. En el lado del cliente, la interfaz de usuario se compone de varios componentes GWT que heredan la clase Widget
. En la figura anterior, la clase Button
de GWT se utiliza para renderizar el botón en el navegador (la herencia de Button
se ha simplificado en la figura). Vaadin proporciona una clase VButton
, que implementa la interfaz Paintable
necesaria para renderizar el componente con GWT.La actual página web inicial que es cargada en el navegador es una página en blanco que carga el código JavaScript del Motor del Lado del Cliente de Vaadin. Después de que es cargado e iniciado, maneja las peticiones AJAX al servidor. Todas las comunicaciones del servidor se realizan a través de la clase
ApplicationConnection
.La comunicación con el servidor se realiza como mensajes UIDL (Lenguaje de Definición de Interfaz de Usuario) usando el formato de intercambio de mensajes JSON sobre una conexión HTTP(S). UIDL es descrito en el Apéndice A, Lenguaje de Definición de Interfaz de Usuario (UIDL) y JSON en la Sección 3.2.3, "JSON" y la Sección A.2, "Renderizar JSON".
Anterior 3.3. Aplicaciones como Sesiones de Java Servlet |
Siguiente 3.5. Eventos y Oyentes |
No hay comentarios.:
Publicar un comentario