Primefaces Publico Portal de Java

CURSO DE PROGRAMACION EN EL LENGUAJE JAVA ELABORADO POR LIC. JOSE SALVADOR OLIVARES EMAIL: [email protected] PRACTICA No 7 NIVEL AVANZADO DESARROLLO DE APLICACIONES CON PRIMEFACES

1) Vamos a crear un nuevo nuevo proyecto en Netbeans. Seleccionamos la opción File y luego New Project. Project.

Elaborado por José Salvador Olivares

http://portaldejava.com http://portaldejava.com

Página 1

Trusted by over 1 million members

Try Scribd FREE for 30 days to access over 125 million titles without ads or interruptions! Start Free Trial Cancel Anytime.













2) Seleccionamos Seleccionamo s la opción Java Web y luego Web Application. Application.

3) Asignamos un nombre a nuestro proyecto. Le pondremos Practica07 y lo almacenamos dentro de la carpeta c:\ProyectosNetbeans\Avanzado .















4) Seleccionamos Apache Tomcat como servidor web. Los demás parámetros no los modificamos.

5) Netbeans nos preguntará si utilizaremos utilizar emos alguno de los framework que trae por defecto. Seleccionamos Java Server Faces. Faces . Luego seleccionamos la viñeta Components. Components .















6) Ahora seleccionamos la opción PrimeFaces. PrimeFaces . Finalmente damos un clic en Finish. Finish.

7) Netbeans nos crea el proyecto web y por defecto crea una página de prueba con el nombre index.xhtml. Además index.xhtml. Además en en la opción Libraries aparecen las librerías de PrimeFaces adicionadas a nuestro proyecto.















8) Vamos a crear nuestra primera Java Server Face (JSF). Seleccionamos el proyecto dando un clic al nombre del proyecto, luego damos un clic derecho y seleccionamos seleccionamos la opción New y finalmente la opción Other .

9) Seleccionamos Seleccionamo s la opción Java Server Faces para crear nuestra primera pagina JSF utilizando PrimeFaces, PrimeFaces , luego seleccionamos JSF Page. Page . Luego damos un clic en Next. Next.















10) Ahora asignamos asigna mos el nombre nomb re a nuestra página JSF. Le pondremos de nombre outputLabelJSF. outputLabelJSF. Luego damos un clic en Finish para terminar.

11) Escribimos Escribimo s el código de nuestra nuestra página JSF. Tome nota de crear el espacio de nombre: xmlns:p= ”http://primefaces.prime.com.tr/ui ” en el encabezado de la página JSF si no le aparece.

















Código de la página:

Persona

12) Seleccionamos Seleccionamo s la página creada cr eada y damos un clic cl ic derecho y seleccionamos selecciona mos la opción Run File. File.

















13) Se abre el navegador y se carga la página creada. Sin llenar ningún campo damos un clic en Submit para verificar que se muestre los mensajes indicando que los campos son obligatorios.

14) Si digitamos información en los campos nombres y apellidos y damos un clic en Submit no se muestra los errores ya que los campos tienen información.

















15) Vamos a crear nuestra segunda Java Server S erver Face (JSF). Seleccionamos el proyecto dando un clic al nombre del proyecto, luego damos un clic derecho y seleccionamos seleccionamos la opción New y finalmente la opción Other .

16) Seleccionamos la opción Java Server Faces para crear nuestra segunda página JSF utilizando PrimeFaces, PrimeFaces , luego seleccionamos JSF Page. Page . Luego damos un clic en Next. Next.

















17) Ahora asignamos asigna mos el nombre nomb re a nuestra página JSF. Le pondremos de nombre validacionDatos. validacionDatos . Luego damos un clic en Finish para terminar.

18) Escribimos Escribimo s el código de nuestra nuestra página JSF. Tome nota de crear el espacio de nombre: xmlns:p= ”http://primefaces.prime.com.tr/ui ” en el encabezado de la página JSF si no le aparece.

















Código de la pagina:

Persona display="icon"/>


















19) Seleccionamos Source Packages y damos un clic derecho, luego seleccionamos Other .



















21) En Class Name asignamos el nombre BeanPersona. BeanPersona . En package digitamos managed_beans para el nombre del paquete. En scope dejamos por defecto la opción Request. Request. En la página JSF utilizaremos como nombre del bean beanPersona .. Damos un clic en Finish para terminar.



















23) Ahora vamos a implementar la lógica de nuestro Managed Bean. Bean. En este paso ya debemos de haber implementado el encapsulamiento de nuestros atributos privados nombres y apellidos. Además agregamos el método guardarPersona con el código que se muestra.



















import javax.faces.bean.RequestScoped; import javax.faces.context.FacesContext; /** * * @author Jose Salvador Olivares */ @ManagedBean @RequestScoped public class BeanPersona { private String nombres; public String getApellidos() { return apellidos; } public void setApellidos(String apellidos) { this.apellidos = apellidos; } public String getNombres() { return nombres; }



















24) Ahora seleccionamos la página pág ina JSF creada y damos un clic derecho y seleccionamos la opción Run File. File.

25) Se abre el navegador y se muestra la página JSF validarDatos.xhtml. validarDatos.xhtml . Sin completar ningún campo damos un clic en el botón Guardar y se muestra los mensajes de error programados en la página.





















26) Ahora digitamos valores en los campos Nombres y Apellidos y damos un clic en Guardar . Se debe de mostrar un mensaje indicando que se están Guardando Datos. Datos.





















28) Seleccionamos la opción Java Server Faces para crear nuestra tercera página JSF utilizando PrimeFaces, PrimeFaces , luego seleccionamos JSF Page. Page . Luego damos un clic en Next. Next.





















30) Escribimos Escribimo s el código de nuestra página JSF. Tome nota de crear el espacio de nombre: xmlns:p= ”http://primefaces.prime.com.tr/ui ” en el encabezado de la página JSF si no le aparece.





















display="icon"/>





















32) Seleccionamos la opción Java Server Faces y luego JSF Managed Bean. Bean . Luego damos un clic en Next para continuar.























34) Declaramos los atributos fechaNacimiento, telefonoDomicilio y noNit del tipo privado y luego creamos los métodos get y set para implementar el encapsulamiento.









































public String getFechaNacimiento() { return fechaNacimiento; } public void setFechaNacimiento(String fechaNacimiento) {





















36) Seleccionamos la página JSF creada mascaraDatos y damos un clic derecho y seleccionamos la opción Run File. File.





















38) Ahora completamos completamo s los campos Fecha Fe cha de Nacimiento, Teléfono Te léfono del Domicilio Domicil io y Número de Nit. Luego damos un clic en el botón Guardar . Se muestra un mensaje indicando que se están Guardando los Datos. En esta página hemos utilizado el control para manejar la mascara de entrada de datos para los tres campos.







































































































































































































































































Primefaces Publico Portal de Java

Recommend Documents