Olá desenvolvedores, neste tutorial iremos aprender como fazer a instalação do PrimeFaces que é uma estrutura de código aberto popular para o JSF – JavaServer Faces com mais de 100 componentes, otimizado para dispositivo mobile, validação do lado do cliente e muito mais. Com o suporte da Oracle, seu desenvolvimento teve início no final de 2008.

Em outras palavras, ele é uma biblioteca de componentes de UI – User Interface, ou Interface de Usuários, para aplicações desenvolvidas utilizando o JSF. Mas não apenas, ele pode ser utilizado também junto ao Angular, React, Vue.js e claro, o Java.

O PrimeFaces pode ser baixado manualmente ou por meio do Maven, adicionando a dependência ao arquivo pom.xml do seu projeto. Neste link você poderá obter o código necessário ou copiar o código abaixo e colar dentro do escopo da tag <dependency> do arquivo pom.xml.

Para prevenir algum eventual erro que possa vir ocorrer após o download da dependência do PrimeFaces, será preciso adicionar também dependência do Apache Commons em sua versão 3.9.

Para utilizarmos os componentes do PrimeFaces em nossas páginas JavaServer Faces, é preciso adicionar em cada uma das páginas o namepace PrimeFaces. Observe que o prefixo que o referencia é a letra “p”.

UTILIZANDO O PRIMEFACES

Faça uma cópia [CTRL + C] da página index.xhtml, selecione a pasta WebContent clique com o botão direito do mouse >> Paste, renomeie a página para primefaces.xhtml.

Na página que acabou de criar proceda com as seguintes alterações, troque o prefixo h: pelo p: do PrimeFaces nos componentes panelGrid, inputText, selectOneMenu, commandButton, dataTable. No campo de senha, h:inputSecret, altere para p:password. 

EM POUCAS PALAVRAS

Neste momento não se preocupe se a página com o PrimeFaces está funcionando ou não, se preocupe apenas com a página JSF. Aqui, apenas fizemos a instalação e preparamos a página para os próximos tutorias. Iremos entre outras implementações, aprender como fazer o redirecionamento e criar menu utilizando esta biblioteca.