laboratorio 3.6 - uso de prime faces.doc

8
CIBERTEC Dirección de Extensión Profesional DIVISIÓN DE ALTA TECNOLOGÍA (DAT) Programa : Java Master Application Developer Curso : Construyendo la Capa de Presentación de la Aplicación Laboratorio Nº 3.6 Uso de Prime Faces Implemente una aplicación web JSF utilizando etiquetas de Prime Faces. Actividades 1. Importe el Proyecto Web Laboratorio3_6 y Pruebe la aplicación.. 2. Referencie las Librerías de Prime Faces. Haga clic en Propiedades.

Upload: erasmo-saavedra-robles

Post on 20-Jan-2016

24 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Laboratorio 3.6 - Uso de Prime Faces.doc

CIBERTECDirección de Extensión ProfesionalDIVISIÓN DE ALTA TECNOLOGÍA (DAT)

Programa : Java Master Application DeveloperCurso : Construyendo la Capa de Presentación de la Aplicación

Laboratorio Nº 3.6

Uso de Prime Faces

Implemente una aplicación web JSF utilizando etiquetas de Prime Faces.

Actividades

1. Importe el Proyecto Web Laboratorio3_6 y Pruebe la aplicación..

2. Referencie las Librerías de Prime Faces.

Haga clic en Propiedades.

Page 2: Laboratorio 3.6 - Uso de Prime Faces.doc

Seleccione la opción Libraries y haga clic en botón Add JAR/Folder.

Seleccione librerias e indicar Reference as Relative Path.

Haga clic en Ok.

Page 3: Laboratorio 3.6 - Uso de Prime Faces.doc

3. Referencie Namespace de Prime Faces.

4. Use etiquetas de Prime Faces.

4.1 login.xhtml

Realice los cambios indicados en subrayado y pruebe la aplicación.

Responda

¿Qué diferencias se observan al probar la aplicación?¿Qué características adicionales identificas?

Page 4: Laboratorio 3.6 - Uso de Prime Faces.doc

4.2 nuevo.xhtml

Realicer los cambios indicados en subrayado y pruebe la aplicación.

Page 5: Laboratorio 3.6 - Uso de Prime Faces.doc
Page 6: Laboratorio 3.6 - Uso de Prime Faces.doc

Observe que <p:panel> y <p:selectOneRadio> utiliza estilos definidos en main.css.

Revise el código fuente HTML enviado al browser para mayor detalle sobre estilos predefinidos en Prime Faces.

En la clase ClienteBean, observe que el método mensajeProfesion() ya no requiere parámetros.

Las etiquetas <p:commandButton> y <p:commandLink> tienen soporte de ajax por defecto.

Cada componente IU también puede tener soporte de ajax haciendo uso de la etiqueta <p:ajax>.

En ambos casos se puede definir los componentes IU que serán procesados en la solicitud (atributo process), así como cuáles serán los que se actualicen en la pantalla al obtener la respuesta del servidor (atributo update).

Page 7: Laboratorio 3.6 - Uso de Prime Faces.doc

Resultado

Diseño de Formulario y algunas validaciones configuradas

Uso de Calendario