componentes de jsf y traducción al html (exposición)
TRANSCRIPT
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!