Importando o PrimeFaces no Projeto!

Olá Galerinha! :)

Neste post foi mostrar um pouco para vocês como foi feita a importação do PrimeFaces. Como mostrado anteriormente utilizei o PrimeFaces para fazer a tela inicial do meu projeto. 

IMPORTANDO O PRIMEFACES

1º Baixar a biblioteca do primefaces o link abaixo se refere á biblioteca para ser baixada. 
Baixar diretamente Clique aqui.

2º Para poder usufruir melhor do prime faces teremos que baixar os temas, porém temos uma opção de baixar todos os temas em um só arquivo caso queira baixar em apenas um arquivo Clique aqui, se quiser procurar ou baixar separadamente Clique aqui.

3º Agora vamos configurar no ecplise, escolha em qual projeto você vai utilizar as bibliotecas.

4º Com o projeto selecionado, vai em propriedades ou simplesmente de um ALT + ENTER. 

5º Na janela que abriu selecione no menu esquerdo Java Build path, ficara igual a imagem abaixo, agora clique em add Library.

6º Na janela que abriu selecione o User library e next. 


7º Agora vamos criar uma nova biblioteca, clique em User Libraries.


8º Na janela que abriu, clique em New. 


9º Agora de um nome a sua biblioteca prime faces.


10º Feito isso você voltara a pagina anterior porem agora ja esta ali sua biblioteca criada, clique em add External Jars para adicionar os arquivos que você fez download. 


11º Selecione os dois arquivos que você baixou, uma ótima dica é criar uma pasta para guardar e organizar todas suas bibliotecas, depois de selecionar os arquivos clique em abrir.


12º Pronto, sua biblioteca PRIMEFACES já estão importadas, lembre-se que aqui temos todos os temas em apenas um arquivo o all-themes, caso você baixou os temas separadamente ira ter que importar todos os arquivos para dentro da biblioteca.


13º Agora é só clicar em finish. 


14º Abra novamente as propriedades do seu projeto ou simplesmente de um ALT + ENTER.


15º Selecione no menu esquerdo Deployment Assembly, ficara igual a imagem abaixo e clique em add.


16º Na janela que abriu selecione a opção Java Build Path Entries.


17º Ira aparecer a biblioteca que você criou, selecione ela e de um finish.


18º Prontinho, agora ela ira aparecer juntamente com as outras bibliotecas do seu projeto, de um apply e um Ok.


19º Porém ainda não terminamos,abra seu arquivo web.xml que esta dentro da pasta WEB-INF agora vamos configurar o prime faces nele.

20º Dentro do arquivo web, implemente esse código que esta selecionado, detalhe pois é aqui que você vai selecionar o tema que ira usar do prime faces, o que eu estou utilizando é o blitzer, porem você pode muda para o tema de sua preferencia. 


21º  Agora é só importar a biblioteca dentro dos arquivos que você vai utilizar (xmlns:p="http://primefaces.org/ui") lembrando que agora você vai precisar alterar seus <html> <head> e <body> todos utilizarão um h: ex <h:html> e os campos de texto, botoes e demais componentes onde você vai utilizar o primefaces voce utilizara p: ex: <h:commandButton> passara a ser <p:commandButton>.





Comentários

Postagens mais visitadas deste blog

Como Abrir Menus com Imagens no JavaFX

Primeira Aplicação - Olá MundoFX