COMPONENTES DE JSF (JAVASERVER FACES) Y TRADUCCIÓN AL HTML

INTEGRANTES:ANDRÉS CAÑAS

AARÓN GRAJALES GÓMEZPROGRAMACIÓN IV

GRUPO: S541INSTITUCIÓN UNIVERSITARIA ANTONIO JOSÉ CAMACHO

DEFINICIÓN JSF• ES UNA TECNOLOGÍA Y FRAMEWORK PARA APLICACIONES JAVA BASADAS

EN WEB QUE SIMPLIFICA EL DESARROLLO DE INTERFACES DE USUARIO EN APLICACIONES JAVA EE.

ETIQUETAS BÁSICAS• LAS PÁGINAS JSF TIENEN UNA ESTRUCTURA SIMILAR A ESTO:

• ETIQUETAS CORE, SE USAN, ENTRE OTRAS APLICACIONES, PARA MANEJO DE EVENTOS, ATRIBUTOS, CONVERSIÓN DE DATOS, VALIDADORES, RECURSOS Y DEFINICIÓN DE LA PÁGINA, LAS CUALES USAN EL PREFIJO F.

• ETIQUETAS HTML_BASIC, SU UTILIZACIÓN ES BÁSICAMENTE PARA LA CONSTRUCCIÓN DE FORMULARIOS Y DEMÁS ELEMENTOS DE INTERFAZ DE USUARIO, QUE USA EL PREFIJO H.

COMPONENTES DE INTERFAZ DE USUARIO•  LOS COMPONENTES UI JAVASERVER FACES SON ELEMENTOS

CONFIGURABLES Y REUTILIZABLES QUE COMPONEN EL INTERFAZ DE USUARIO DE LAS APLICACIONES JAVASERVER FACES. UN COMPONENTE PUEDE SER SIMPLE, COMO UN BOTÓN, O COMPUESTO, COMO UNA TABLA, QUE PUEDE ESTAR COMPUESTA POR VARIOS COMPONENTES.

• TODAS LAS CLASES DE COMPONENTES UI DE JAVASERVER FACES DESCIENDEN DE LA CLASE UICOMPONENTBASE, QUE DEFINE EL ESTADO Y EL COMPORTAMIENTO POR DEFECTO DE UN UICOMPONENT.

CONJUNTO DE CLASES UI• UICOMMAND: REPRESENTA UN CONTROL QUE DISPARA ACTIONS CUANDO SE ACTIVA. • UIFORM: ENCAPSULA UN GRUPO DE CONTROLES QUE ENVÍAN DATOS DE LA APLICACIÓN. ESTE

COMPONENTE ES ANÁLOGO A LA ETIQUETA FORM DE HTML. • UIGRAPHIC: MUESTRA UNA IMAGEN. • UIINPUT: TOMA DATOS DE ENTRADA DEL USUARIO. ESTA CLASE ES UNA SUBCLASE DE UIOUTPUT. • UIOUTPUT: MUESTRA LA SALIDA DE DATOS EN UN PÁGINA. • UIPANEL: MUESTRA UNA TABLA. • UISELECTITEM: REPRESENTA UN SÓLO ÍTEM DE UN CONJUNTO DE ÍTEMS. • UISELECTITEMS: REPRESENTA UN CONJUNTO COMPLETO DE ÍTEMS. • UISELECTBOOLEAN: PERMITE A UN USUARIO SELECCIONAR UN VALOR BOOLEANO EN UN

CONTROL, SELECCIONÁNDOLO O DESELECCIONÁNDOLO. ESTA CLASE ES UNA SUBCLASE DE UIINPUT.

• UISELECTMANY: PERMITE AL USUARIO SELECCIONAR VARIOS ÍTEMS DE UN GRUPO DE ÍTEMS. ESTA CLASE ES UNA SUBCLASE DE UIINPUT.

• UISELECTONE: PERMITE AL USUARIO SELECCIONAR UN ÍTEM DE UN GRUPO DE ÍTEMS. ESTA CLASE ES UNA SUBCLASE DE UIINPUT.

EJEMPLOS

UIGRAPHIC • <H:GRAPHICIMAGE

URL="/IMAGENES/LOGOFB.PNG"/ >

UIFORM• <H:FORM … </H:FORM>

UICOMMAND • <H:COMMANDBUTTON VALUE="ACEPTAR"

ACTION="SIGUIENTE"/>

UISELECTBOOLEAN • <H:SELECTBOOLEANCHECKBOX

VALUE="#{FORMULARIO.RECIBIRIN FORMACION}"/>

ETIQUETAS BÁSICAS Y COMPONENTESUIINPUT<H:INPUTTEXTVALUE="#{FORMULARIO.NOMBRE}"/>

<H:INPUTTEXTAREA ROWS="3" COLS="15"

VALUE="ESCRIBIR AQUI.."/>

<H:INPUTSECRETVALUE="#{FORMULARIO.PASSWORD}"/>

ETIQUETAS BÁSICAS Y COMPONENTESUIOUTPUT<H:OUTPUTTEXT VALUE="HOLA MUNDO!"/>

<H:OUTPUTLINK VALUE="HTTP://WWW.HOYLODEJO.COM/">

<H:OUTPUTTEXT VALUE="CLIC AQUÍ"/></H:OUTPUTLINK>X

ETIQUETAS BÁSICAS Y COMPONENTESUISELECTMANY<H:SELECTMANYCHECKBOX VALUE="#{FORMULARIO.AFICIONES}"> <F:SELECTITEM ITEMVALUE="MUSICA" ITEMLABEL="MÚSICA"/> <F:SELECTITEM ITEMVALUE="CINE" ITEMLABEL="CINE"/> <F:SELECTITEM ITEMVALUE="PESCA" ITEMLABEL="PESCA"/> <F:SELECTITEM ITEMVALUE="DEPORTE" ITEMLABEL="DEPORTE"/> <F:SELECTITEM ITEMVALUE="LECTURA" ITEMLABEL="LECTURA"/> </H:SELECTMANYCHECKBOX>

ETIQUETAS BÁSICAS Y COMPONENTESUISELECTMANY<H:SELECTMANYLISTBOX VALUE="#{FORMULARIO.LENGUAJES}"> <F:SELECTITEM ITEMVALUE="C" ITEMLABEL="C"/> <F:SELECTITEM ITEMVALUE="C++" ITEMLABEL="C++"/> <F:SELECTITEM ITEMVALUE="JAVA" ITEMLABEL="JAVA"/> <F:SELECTITEM ITEMVALUE="VISUAL BASIC" ITEMLABEL="VISUAL BASIC"/> </H:SELECTMANYLISTBOX>

ETIQUETAS BÁSICAS Y COMPONENTESUISELECTMANY<H:SELECTMANYMENU VALUE="#{CUESTIONARIO.COMIDAS}"> <F:SELECTITEM ITEMVALUE="CARNES" ITEMLABEL="CARNES"/> <F:SELECTITEM ITEMVALUE="PESCADOS" ITEMLABEL="PESCADOS"/> <F:SELECTITEM ITEMVALUE="LEGUMBRES" ITEMLABEL="LEGUMBRES"/>

<F:SELECTITEM ITEMVALUE="PASTAS" ITEMLABEL="PASTAS"/> <F:SELECTITEM ITEMVALUE="SOPAS" ITEMLABEL="SOPAS"/> </H:SELECTMANYMENU>

ETIQUETAS BÁSICAS Y COMPONENTESUISELECTONE<H:SELECTONERADIO VALUE="#{FORMULARIO.FUMADOR}"> <F:SELECTITEM ITEMVALUE="SI" ITEMLABEL="FUMADOR"/> <F:SELECTITEM ITEMVALUE="NO" ITEMLABEL="NO FUMADOR"/> </H:SELECTONERADIO>

<H:SELECTONEMENU VALUE="#{FORMULARIO.SISTEMA}"> <F:SELECTITEM ITEMVALUE="LINUX" ITEMLABEL="LINUX"/> <F:SELECTITEM ITEMVALUE="WINDOWS" ITEMLABEL="WINDOWS"/></H:SELECTONEMENU>

ETIQUETAS BÁSICAS Y COMPONENTESUISELECTONE<H:SELECTONELISTBOX VALUE="#{CUESTIONARIO.ESTADO}"> <F:SELECTITEM ITEMVALUE="SOLTERO" ITEMLABEL="SOLTERO"/> <F:SELECTITEM ITEMVALUE="CASADO" ITEMLABEL="CASADO"/> <F:SELECTITEM ITEMVALUE="DIVORCIADO" ITEMLABEL="DIVORCIADO"/>

<F:SELECTITEM ITEMVALUE="SEPARADO" ITEMLABEL="SEPARADO"/> </H:SELECTONELISTBOX>

ETIQUETAS BÁSICAS Y COMPONENTESUIPANEL<H:PANELGRID COLUMNS="3" BORDER="1">

<H:OUTPUTTEXT VALUE="(1,1)"/><H:OUTPUTTEXT VALUE="(1,2)"/><H:OUTPUTTEXT VALUE="(1,3)"/><H:OUTPUTTEXT VALUE="(2,1)"/><H:OUTPUTTEXT VALUE="(2,2)"/><H:OUTPUTTEXT VALUE="(2,3)"/>

<H:PANELGROUP><H:OUTPUTTEXT VALUE="COLUMNA 1"/><H:OUTPUTTEXT VALUE="COLUMNA 2"/>

</H:PANELGROUP></H:PANELGRID>

BIBLIOGRAFÍA

• JAVASERVER FACES [WIKI EN INTERNET]. 21 DICIEMBRE 2016. [CONSULTA: 22 FEBRERO 2017]. DISPONIBLE EN: HTTPS://ES.WIKIPEDIA.ORG/WIKI/JAVASERVER_FACES

• ENRIQUE POLO. JAVASERVER FACES (JSF) [EN LÍNEA]. 15 MAYO 2014. [CONSULTA: 22 FEBRERO 2017]. DISPONIBLE EN: HTTPS://ES.SLIDESHARE.NET/ENRIQUEPOLO9/JAVASERVER-FACES-JSF

¡MUCHAS GRACIAS!