Olá Pessoal, tudo bom?
O post de hoje é relacionado a adicionar a biblioteca PrimeFaces a um projeto Maven + JSF previamente criado. Para isso, o ponto de partida será o artigo que fala sobre a criação de um projeto Maven + JSF. Veja na continuação desse post…
PrimeFaces – definição
O Java Server Faces (JSF) é uma especificação padrão que possui alguns componentes gráficos básicos, mas não vai além disso. A biblioteca PrimeFaces é uma coleção com mais de 100 componentes. Por debaixo dos panos é utilizado muito java script e ajax nos componentes.
Para ver com mais detalhes os componentes, existe uma página de demonstração no seguinte link – https://www.primefaces.org/showcase/
Assim esse artigo irá indicar os passos básicos para adicionar a dependência dessa biblioteca ao projeto.
Incluindo o PrimeFaces em um Projeto Maven-JSF
Caso você não possua um projeto Maven-JSF, o primeiro ponto é criar o projeto conforme o post relacionado.
Depois de criado, é hora de começar a adaptação nos arquivos desse projeto a fim de utilizar a biblioteca.
Alterando o pom.xml
Abra o arquivo pom.xml, que se encontra na raiz do projeto. Agora adicione a nova dependência ao projeto, a biblioteca primefaces. Que está representada no código destacado abaixo:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<!-- JSF library --> <dependency> <groupId>com.sun.faces</groupId> <artifactId>jsf-api</artifactId> <version>2.2.17</version> </dependency> <dependency> <groupId>com.sun.faces</groupId> <artifactId>jsf-impl</artifactId> <version>2.2.17</version> </dependency> <!-- PrimeFaces --> <dependency> <groupId>org.primefaces</groupId> <artifactId>primefaces</artifactId> <version>6.2</version> </dependency> </dependencies> |
Pronto, com esse código o maven irá adicionar a dependência do PrimeFaces ao projeto. Agora baixe essa dependência. Clique com o botão direito sobre o projeto e vá na opção Maven > Update Project… conforme a Figura 01.
Vamos alterar o arquivo index.xhtml para testar a nova biblioteca.
Alteração do arquivo index.xhtml
O arquivo XHTML de nome index é o arquivo básico ao acessar o sistema a partir da url raiz do sistema. O arquivo index.xhtml o qual será adicionada a linha 3, com o namespace do PrimeFaces e a linha 9 será modificada de <h:outputLabel para <p:outputLabel:
|
1 2 3 4 5 6 7 8 9 10 11 |
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui"> <h:head> <title>Seminarios Academicos</title> </h:head> <h:body> <p:outputLabel value="INDEX da Seminarios Academicos"/> </h:body> </html> |
Agora rode o projeto para ver a mudança na renderização da página, conforme mostra a Figura 02. Do lado esquerdo a página renderizada com o componente outputLabel padrão do JSF <h:outputLabel> e do lado direito o componente do PrimeFaces <p:outputLabel>
Pronto, seu projeto Maven+JSF está configurado com a biblioteca PrimeFaces.
finally{
Duvidas ou sugestões? Deixe seu feedback! Isso ajuda a saber a sua opinião sobre os artigos e melhorá-los para o futuro! Isso é muito importante!
Até um próximo post!
Leave a Reply