Aprendiendo Mas!!!: 2013

Objetivo

Crear un proyecto Maven para trabajar con primefaces

1. Creación de Proyecto Maven

Abrir eclipse luego crear un nuevo proyecto Maven utilizando New->Other->Maven Project. El nombre del proyecto será PrimeProject.

Seleccionamos la opción Create a simple Project (Skip archetype selection), después hacemos click en el botón Next, nos aparecerá la siguiente pantalla:

Group Id: cibertec.edu.pe

Artifact Id: PrimeProject

Version: 1.0.0

Packaging: war

Name: PrimeProject

Después de ingresar estos valores, hacemos click en Finish y empezará a crear el proyecto Maven.

2. Agregar dependencias para Prime Faces

Una dependencia se refiere a las librerías el cual nuestro proyecto necesitará, para esto necesitaremos agregar las siguientes dependencias en el archivo pom.xml:

<groupId>com.sun.faces</groupId>

</dependency>

<groupId>com.sun.faces</groupId>

</dependency>

<groupId>javax.servlet</groupId>

</dependency>

<groupId>javax.servlet</groupId>

<artifactId>servlet-api</artifactId>

</dependency>

<groupId>org.primefaces</groupId>

<artifactId>primefaces</artifactId>

</dependency>

<groupId>junit</groupId>

<artifactId>junit</artifactId>

</dependency>

</dependencies>

Las dependencias a agregar son jsf-api, jsf-impl, jstl, servlet-api, primefaces y junit. Adicionalmente se deben considerar los repositorios de donde se obtienen estas librerías, entre ellos tenemos el repositorio de primefaces, de jsf, etc.

A continuación se muestra las líneas de repositorios que necesita maven para poder obtener las librerías necesarias:

<id>maven2-repository.jboss.com</id>

<name>Jboss Repository for Maven</name>

<url>http://repository.jboss.com/maven2</url>

</repository>

<id>prime-repo</id>

<name>Prime Technology Maven Repository</name>

<url>http://repository.primefaces.org</url>

<layout>default</layout>

</repository>

<id>maven2-repository.dev.java.net</id>

<name>Java.net Repository for Maven</name>

<url>http://download.java.net/maven/2/</url>

<layout>default</layout>

</repository>

</repositories>

Después agregamos el build para que maven pueda crear build utilizando un nombre y el jdk necesario. A continuación se muestra las líneas de código:

<build>

<finalName>PrimeProject</finalName>

<groupId>org.apache.maven.plugins</groupId>

<artifactId>maven-compiler-plugin</artifactId>

</configuration>

</plugin>

</plugins>

</build>

3. Creando la estructura del proyecto PrimeFaces

Primero crearemos la carpeta page dentro de la ruta src/main/webapp. Después dentro de la carpeta WEB-INF crearemos el archivo web.xml, haciendo click derecho en la carpeta, New->Others->Web Descriptor. Después de crear el archivo, copiaremos el siguiente código dentro de este archivo:

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"

xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"

id="WebApp_ID" version="3.0">

<description>Web PrimeFaces</description>

<display-name>web-primefaces</display-name>

<context-param>

<param-name>javax.faces.CONFIG_FILES</param-name>

<param-value>/WEB-INF/config/faces/faces-config.xml</param-value>

</context-param>

<context-param>

<param-name>javax.faces.PROJECT_STAGE</param-name>

<param-value>Development</param-value>

</context-param>

<servlet-name>Faces Servlet</servlet-name>

<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>

<load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

<servlet-name>Faces Servlet</servlet-name>

<url-pattern>*.xhtml</url-pattern>

</servlet-mapping>

<servlet-mapping>

<servlet-name>Faces Servlet</servlet-name>

<url-pattern>*.faces</url-pattern>

</servlet-mapping>

<listener-class>com.sun.faces.config.ConfigureListener</listener-class>

</listener>

<welcome-file-list>

<welcome-file>index.jsp</welcome-file>

</welcome-file-list>

</web-app>

Después crearemos la carpeta config dentro de la carpeta WEB-INF y dentro de la carpeta config crearemos la carpeta faces. La estructura de carpeta debería quedar como se muestra en la siguiente imagen:

Teniendo la estructura completa, ahora crearemos el archivo faces-config en la carpeta faces haciendo click derecho New->Others-> Faces config. Se escogerá la versión 2.0 y quitar el check de register in web.xml.

Este archivo de configuración tendrá las siguientes líneas:

<?xml version="1.0" encoding="UTF-8"?>

<faces-config version="2.0" xmlns="http://java.sun.com/xml/ns/javaee"

xmlns:xi="http://www.w3.org/2001/XInclude"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd">

</faces-config>

4. Creando páginas web

Primero crearemos la página inicio.xhtml dentro de la carpeta page, para esto hacemos click derecho en la carpeta page, New->Other-> XHTML page. La página creada se le tendrá que agregar las siguientes líneas de código:

<html xmlns="http://www.w3.org/1999/xhtml"

xmlns:ui="http://java.sun.com/jsf/facelets"

xmlns:h="http://java.sun.com/jsf/html"

xmlns:f="http://java.sun.com/jsf/core"

xmlns:c="http://java.sun.com/jstl/core"

xmlns:p="http://primefaces.org/ui">

<h:head>

</h:head>

<h:body>

<h:outputText value="Hola"/>

</h:body>

</html>

Después de crear la página inicio.xhtml, procederemos a crear la página index.jsp, para esto hacemos click derecho en la carpeta webapp, New->Other->JSP File. La página creada viene con código, para lo cual reemplazaremos este código por el código que se muestra a continuación:

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">

<html>

<body>

<jsp:forward page="page/inicio.xhtml"></jsp:forward>

</body>

</html>

Aprendiendo Mas!!!

Bienvenidos al Blog de Aldo Malaver

martes, 22 de enero de 2013

Creación de un Maven Project Prime