Scribd
Cargar
4 vistas16 páginas

Componentes y Navegación en JSF

JavaServer Faces (JSF) es un marco para crear interfaces de usuario en aplicaciones web, utilizando el patrón Model-View-Controller y permitiendo la separación de la lógica de la aplicación de su presentación. Incluye componentes básicos como UIComponent, UIViewRoot, UIInput, UICommand y UIData, que facilitan la construcción de formularios y la gestión de eventos. Las reglas de navegación en JSF se definen en el archivo faces-config.xml y determinan cómo se navega entre páginas basándose en acciones del usuario.

Cargado por

suscategui12
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
4 vistas16 páginas

Componentes y Navegación en JSF

JavaServer Faces (JSF) es un marco para crear interfaces de usuario en aplicaciones web, utilizando el patrón Model-View-Controller y permitiendo la separación de la lógica de la aplicación de su presentación. Incluye componentes básicos como UIComponent, UIViewRoot, UIInput, UICommand y UIData, que facilitan la construcción de formularios y la gestión de eventos. Las reglas de navegación en JSF se definen en el archivo faces-config.xml y determinan cómo se navega entre páginas basándose en acciones del usuario.

Cargado por

suscategui12
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

{

Componentes básicos de
JavaServer Faces(JSF)-
Reglas de navegación
<Ashlee Anyelina Arayon Uscategui-02230132027>

... }
JavaServer Faces (JSF)
JavaServer Faces (JSF) es un marco de trabajo para la
creación de interfaces de usuario basadas en componentes en
aplicaciones web, implementa el patrón Model-View-Controller.

Facilitando separar la parte visual de la aplicación (es


decir, lo que el usuario ve y con lo que interactúa) de la
parte que maneja los procesos y la lógica interna. Los
desarrolladores pueden construir y utilizar componentes
predefinidos o personalizados.

PARTE VISUAL(VIEW) SERVLET(CONTROLLER) PARTE LOGICA(MODEL)


Arquitectura de JSF
Esta basado en componentes (formularios, botones, tablas) que
son tratados como objetos dentro del framework. Además maneja
los eventos en la interfaz (clics de botones, cambios de
campo) de manera automática. Se integra con otros frameworks
de Java EE como EJB, CDI y JPA.
{ ..
Componentes
Basicos de
JSF

} ..
Componentes básicos de JSF
01 UIComponent:
Define el comportamiento todos los elementos visuales, como
el ciclo de vida, los eventos y la interfaz de la vista.

- <h:outputLabel>:
Etiqueta de texto (se puede asociar a otro
componente).

- <h:outputText>:
Muestra texto estático en la interfaz.
Componentes básicos de JSF
02 UIViewRoot:
Contiene todos los componentes de la página actual y
maneja el ciclo de vida de la vista.

- <h:form>:
Define el formulario JSF – HTML.

- <h:head>:
Define la sección en donde se incluye
elementos como metadatos, enlaces a hojas
de estilo y scripts dentro de la vista.
Componentes básicos de JSF
- <h:messages>:
Muestra mensajes de validación o error en la vista.

- <h:body>:
Se utiliza para definir la sección donde se
colocan los componentes de la interfaz.

- <f:view>:
Define una vista JSF en un archivo XHTML,
permitiendo que el ciclo de vida de la vista
se gestione correctamente.
Componentes básicos de JSF
03 UIInput:
Permite la entrada de datos por parte del usuario. Es
fundamental para capturar y validar la entrada del usuario.

- <h:inputText>:
Campo de texto para entrada de datos.

- <h:inputSecret>:
Vincula un campo de texto de datos de tipo
contraseña (no muestra el contenido).
Componentes básicos de JSF
04 UICommand:
Se utiliza para manejar acciones del usuario, como
botones y enlaces que desencadenan eventos o acciones.

- <h:commandButton>:
Crea un botón para realizar acciones.

- <h:commandLink>:
Crea un enlace al que se le puede asociar
a un botón.
Componentes básicos de JSF
05 UIData:
Se utiliza para mostrar colecciones de datos, como
tablas.

- <h:dataList>:
Muestra datos en una lista, útil para representar
colecciones de manera sencilla.

- <h:dataTable>:
Permite vincular una tabla de datos dinámicos,
se obtienen de una lista de elementos.
Reglas de
Navegacion
En JSF
Reglas de Navegación en JSF
Son declaradas en el archivo [Link].

Cada regla especifica cómo navegar entre páginas.

Se puede usar el tag <from-view-id> .Si no está presente, la regla

aplica a todas las páginas.

} ..
Reglas de Navegación en JSF

Las reglas de navegación dependen de los casos de navegación definidos

por el tag <navigation-case>, que especifican la acción <from-action>

y el resultado outcome .

} ..
Reglas de Navegación en JSF

Una vez que se ejecuta la acción (como hacer clic en un botón), JSF

compara el resultado devuelto con el <outcome> de los casos de

navegación, y redirige a la página especificada en <to-view-id> .

} ..
Ejemplo
Practico
Gracias!
CREDITS: This presentation template was created by
Slidesgo, and includes icons by Flaticon, and
Slidesgo Flaticon

infographics & images by Freepik


Freepik

También podría gustarte