Saturday, September 25, 2010

Getting started with Prime faces 2

Prime faces is an amazing JSF framework from Cagatay Civici ( Its wonderful because it is easy to use, minimal dependencies, has probably the widest set of controls among all JSF frameworks, easy to integrate with Spring (including Spring Security) , Java EE EJBs, and last but not the least mobile UI support. So I decided to give Prime faces a try, before selecting it to use in my projects.

Step 1 – Create Maven 2 project

As a first step to integrating Prime faces, create a Maven 2 project in Eclipse. You will need to select ‘maven-archetype-webapp’.

Step 2 – Add repositories and dependencies in pom.xml

I will be using Prime faces 2 with JSF 2 on Tomcat 6. Since the dependencies for Prime Faces and JSF 2 (JSF 2.0.3 is required) are available on different repositories, I will add them to my pom file first. The listing below shows my pom.xml

<project xmlns="" xmlns:xsi=""
<name>hermesconsole Maven Webapp</name>

<name>Prime Technology Maven Repository</name>
<name> Repository for Maven</name>



Step 3 – Change web.xml

Add the JSF faces servlet in the web.xml file.

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
xsi:schemaLocation="" >


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

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


Step 4 – Add a simple xhtml file – home.xhtml

Now let us see Prime faces in action, by adding a simple JSF snippet with 1 control from this library.

<html xmlns=""

<f:view contentType="text/html">

<title>Hermes Console - Trying PrimeFaces</title>


<p:commandButton value="Ajax Submit" />



Step 5 – Build and deloy

Now that we are done, the next step is to build and create the war file and deploy it in Tomcat 6. Then point your browser to - http://localhost:8080/hermesconsole/home.jsf

You will see the following command button on your browser:

Blog - 1


  1. I am using the setup as you, JSF2.0 + Tomcat 6.0.18, but the funny thing is, I just create a test web app with using Component "spinner", on the webpage,
    However, the two Arrow buttons they are not displayed. Why?
    Server logs has shown no any error/warning message.

    could you please contact with me on email thanks.

  2. java.lang.ClassNotFoundException: javax.faces.webapp.FacesServlet