Está en la página 1de 5

2 Parcial Programación Web

Sergio Andrés Ardila Gonzalez


Abril 2021

Corporación Universitaria de Ciencia y Desarrollo


(UNICIENCIA)
Ingeniería de Sistemas
Programacion Web
1. Escriba el código necesario para que al oprimir un botón en JSF envié la
información por ajax y me actualice dos cajas de texto que se llamen “txtNombre”,
“txtApellido” (1.0)

Rta: <p:ajax update="option1" listener="#{indexFormBean.onItemSelectedListener}"/>

2. Con sus palabras defina que es JSF y mencione al menos dos librerías que usan
esta tecnología (0.5)

Rta: JSF (JavaServer Faces) es una tecnología que simplifica o hace la vida más
fácil para desarrollar o crear interfases para los usuarios o los clientes en aplicación
de java.
Y las librerías son.
1. javax.faces.convert.Converter
2. javax.faces.bean.ManagedBean
3. javax.faces.bean.ViewScoped
4. javax.faces.bean.ManagedBean

3. Explique con sus palabras que significa AJAX (0,5).

Rta: AJAX es un grupo de técnicas que se usan para hacer peticiones al


servidor y tener respuesta en un segundo plano sin necesidad de que se actualice la
página web completa y usa esos datos para que a través de JavaScript, modifique el
contenido creando efectos dinámicos y rápidos.

4. Hacer la siguiente pagina (3.0)

Login :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"


"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html">
<h:head>
<f:facet name="first">
<meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
<title>Parcial2</title>
</f:facet>
</h:head>
<h:body>
<h:form>
<p:panel header="Parcial2" closable="true">
<p:panelGrid style="width: 100%" >
<p:row>
<p:column>
<p:outputLabel value="Nombre"></p:outputLabel>
</p:column>
<p:column>
<p:inputText value="#{indexFormBean.nombre}"
></p:inputText>
</p:column>
</p:row>
<p:row>
<p:column>
<h:outputLabel value="Fecha de
Nacimiento"></h:outputLabel>
</p:column>
<p:column>
<p:inputText value="#{indexFormBean.fecha}"
converter="MiConverter" ></p:inputText>
</p:column>
</p:row>
<p:row>
<p:column>
<h:outputLabel value="Ubicacion"></h:outputLabel>
</p:column>
<p:column>
<p:inputText value="#{indexFormBean.ubicacion}"
></p:inputText>
</p:column>
</p:row>
<p:row>
<p:column colspan="0">
<p:inputTextarea converter="MiConverter"
converterMessage="error en conversion de la feha"
value = "#{indexFormBean.miFecha}">
</p:inputTextarea>
</p:column>
<p:column colspan="0">
<p:commandButton ajax="false" update="txtClave"
value="Aceptar" actionListener="#{indexFormBean.botonAceptar()}">
</p:commandButton>
</p:column>
</p:row>
</p:panelGrid>
</p:panel>
</h:form>
</h:body>
</f:view>
</html>

Mi conversor :

package edu.uniciencia.programacion.formularios;

import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.logging.Level;
import java.util.logging.Logger;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.faces.convert.Converter;
import javax.faces.convert.FacesConverter;

@FacesConverter("MiConverter")
public class MiConversor implements Converter {

@Override
public Object getAsObject(FacesContext context, UIComponent component,
String value) {
try {
SimpleDateFormat formato = new SimpleDateFormat("yyyy/MM/dd
HH:mm:ss");
Date fecha = formato.parse(value);
return fecha;
} catch (ParseException ex) {

}
return null;
}

@Override
public String getAsString(FacesContext context, UIComponent component,
Object value) {
if (value == null) {
return "";
}
SimpleDateFormat formato = new SimpleDateFormat("yyyy/MM/dd
HH:mm:ss");
Date fecha = (Date) value;
String fechaString = formato.format(fecha);
return fechaString;
}

También podría gustarte