Configurar un proyecto Java Web en Eclipse usando JSF 2.3 (Maven)

Herramietas

Eclipse IDE

WildFly Server 20.0

Pasos

1. Crear un Maven Project

File / New / Other / Maven Project

Creamos un proyecto simple y lo configuramos

2. Modificamos el archivo pom.xml

Guardamos los cambios y esperamos a que termine de bajar las dependencias y se haya actualizado el proyecto

3. Configuramos la facetas del proyecto

Clic derecho al proyecto / Build Path / Configure Build Path / Project Facets

Clic en Further configuration required...

Aplicamos y cerramos

Si el Eclipse les sigue marcando algún error, clic derecho al proyecto / Maven / Update Project

Ahora movemos la carpeta META-INF dentro de la carpeta resources

4. Creamos el siguiente Managed Bean

SaludoView.java

5. Creamos las siguientes páginas

index.html

prueba1.xhtml

Probar

Descargar proyecto

Crear un Formulario de componentes en Eclipse con JSF 2.3 y Primefaces 7.0

Herramientas

Eclipse IDE

WildFly 20.0

Pasos

1. Crear un Dynamic Web Project

Marcamos la casilla para generar el archivo descriptor web.xml

Agregamos  el URL Pattern *.xhtml

2. Configurar las facetas del proyecto

Clic derecho al proyecto / Build Path / Configure Build Path / Project Facets

Debemos marcar las siguientes casillas

Tambien debemos tener configurado el servidor para tomar las librerías de JSF 2.3

3. Configurar el archivo descriptor web.xml

Ejemplo 1

Crear la clase PersonaBean.java

Crear las siguientes páginas

index.xhtml

datos.xhtml

Probar la aplicación

Ejemplo 2

Copiar el jar de primefaces en la carpeta lib del WebContent

Crear las siguietnes clases

Car.java

CarService.java

PaginatorView.java

Probar la aplicación

Descargar proyecto

Crear un Proyecto Java Web en Eclipse con JSF 2.3 y Primefaces 7.0

Herramientas

Eclipse IDE

Wildfly 20.0.1 Final

Pasos

1. Crear un Dyamic Web Project

Clic en New Runtime

Ubicamos la ruta en donde tenemos instalado o descomprimido nuestro servidor

2. Agregar los jars para trabajar con primefaces en la carpeta lib del WebContent. 

El archivo cruze-1.0.7.jar es el tema de primefaces elegido. 

Pueden descargar otros temas ingresando al siguiente enlace:

Primefaces Showcase

http://primefaces.org/showcase/

Repositorio Temas Primefaces

https://repository.primefaces.org/org/primefaces/themes/

3. Configurar el archivo descriptor web.xml

4. Crear las siguientes clases java

Dentro del paquete proyecto.view.modelo crear la siguiente clase.

Usuario

Dentro del paquete proyecto.view.servicio crear la siguiente clase

ServicioUsuario 

Dentro del paquete proyecto.view.controlador crear las siguientes clases.

ListarUsuario

CrearUsuario

ActualizarUsuario

EliminarUsuario

5. Crear la vista

Creamos una carpeta vista dentro del WebContent y dentro creamos las siguientes páginas

index.xhtml

crear.xhtml

actualizar.xhtml

eliminar.xhtml

6. Ejecutar el proyecto

Clic derecho al proyecto / Run As / Run on Server

En la ventana que aparece debemos seleccionar el servidor con que hemos configurado el proyecto

Descargar proyecto

Ejemplo Radio Button 3

Obtener el valor de un Radio Button

PASOS:

1. Crear un Dynamic Web Project

2. Configurar el archivo web.xml.

3, Cree la clase Radio dentro del paquete bean.

4. Crear la clase RadioBean dentro paquete managed.

5. Crear la clase FormularioBean dentro del paquete managed.

7. Crear la página formulario.xhtml.

5. Crear la página resultado.xhtml.

Descargar ejercicio

Descargar archivo

Ejemplo Radio Button 2

Obtener el valro de un Radio Button seleccionado

PASOS:

1. Crear un Dynamic Web Project

2. Configurar el archivo web.xml.

3, Cree la clase Radio dentro del paquete bean.

4. Crear la clase RadioBean dentro paquete managed.

5. Crear la clase FormularioBean dentro del paquete managed.

6. Crear la página index.xhtml

7. Crear la página formulario.xhtml.

5. Crear la página resultado.xhtml.

Descargar ejercicio

Descargar archivo

Ejemplo Radio Button

Obtener el valro de un Radio Button seleccionado

PASOS:

1. Crear un Dynamic Web Project

2. Configurar el archivo web.xml.

3. Crear la clase UserData dentro paquete managed.

4. Crear la página index.xhtml

5. Crear la página resultado.xhtml

Descargar ejercicio

Descargar archivo

Ejemplo SelectBooleanCheckbox

Ejemplo practico SelectBooleanCheckbox

Seleccionar múltiples checkbox

Ejemplo SelectOneMenu

Ejemplo práctico SelectOneMenu

Uso de ValueChangeListener como atributo.

Ejemplo selectManyCheckbox

Ejemplo practico de selectManyCheckbox