Java: PrimeFaces no Tomcat
Autor: Willian Parige | Publicado: 2015-08-03T12:43:00-03:00








O PrimeFaces é excelente para criação de interfaces ricas, muitos utilizam o WildFly, antigo JBoss como servidor de aplicação, neste post vou mostrar como utilizar o TomCat para o PrimeFaces.


Se você ainda não tem o Tomcat instalado, já mencionei em um outro post: Instalando Tomcat no Eclipse

Vamos ao que interessa, no eclipse criaremos um novo projeto “Dynamic Web Project” e
então clique em “Next”:



<!--[if gte vml 1]><v:shapetype
 id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t"
 path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f">
 
 
  
  
  
  
  
  
  
  
  
  
  
  
 
 
 
<v:shape id="Imagem_x0020_1" o:spid="_x0000_i1036" type="#_x0000_t75"
 style='width:393.75pt;height:375pt;visibility:visible;mso-wrap-style:square'>
 <v:imagedata src="file:///C:\Users\Parige\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png"
  o:title=""/>
<![endif]--><!--[if !vml]--><!--[endif]-->








Em “Project Name” informe o nome do projeto, em meu exemplo
utilizarei “ExemploPrimefaces”, em “Target Runtime” selecione o servidor tomcat
instalado, no meu exemplo “Apache Tomcat v7.0”, no campo “Dynamic web module
version” selecione “3.0”, em “Configuration” clicar em “Modify...”:





&nbsp;Na tela marque “JavaServer
Faces” e então clicar em “OK” e então "Next":

<!--[if gte vml 1]><v:shape
 id="Imagem_x0020_8" o:spid="_x0000_i1035" type="#_x0000_t75" style='width:425.25pt;
 height:248.25pt;visibility:visible;mso-wrap-style:square'>
 <v:imagedata src="file:///C:\Users\Parige\AppData\Local\Temp\msohtmlclip1\01\clip_image002.png"
  o:title=""/>
<![endif]--><!--[if !vml]--><!--[endif]-->





<!--[if gte vml 1]><v:shape
 id="Imagem_x0020_7" o:spid="_x0000_i1034" type="#_x0000_t75" style='width:393.75pt;
 height:520.5pt;visibility:visible;mso-wrap-style:square'>
 <v:imagedata src="file:///C:\Users\Parige\AppData\Local\Temp\msohtmlclip1\01\clip_image004.png"
  o:title=""/>
<![endif]--><!--[if !vml]--><!--[endif]-->





Na tela “Web Module”, marque a opção “Generate web.xml
deployment descriptor”:

<!--[if gte vml 1]><v:shape
 id="Imagem_x0020_6" o:spid="_x0000_i1033" type="#_x0000_t75" style='width:393.75pt;
 height:365.25pt;visibility:visible;mso-wrap-style:square'>
 <v:imagedata src="file:///C:\Users\Parige\AppData\Local\Temp\msohtmlclip1\01\clip_image005.png"
  o:title=""/>
<![endif]--><!--[if !vml]--><!--[endif]-->





Na tela “JSF Capabilities” clique em “Download Library...”,&nbsp;então selecione “JSF 2.2 (Mojarra 2.2.0)” e clicar em “Next”:



<!--[if gte vml 1]><v:shape
 id="Imagem_x0020_9" o:spid="_x0000_i1032" type="#_x0000_t75" style='width:425.25pt;
 height:281.25pt;visibility:visible;mso-wrap-style:square'>
 <v:imagedata src="file:///C:\Users\Parige\AppData\Local\Temp\msohtmlclip1\01\clip_image006.png"
  o:title=""/>
<![endif]--><!--[if !vml]--><!--[endif]-->





Marque a opção “I accept the terms of this license” e então “Finish”
e basta aguardar o download finalizar:

<!--[if gte vml 1]><v:shape
 id="Imagem_x0020_10" o:spid="_x0000_i1031" type="#_x0000_t75" style='width:425.25pt;
 height:281.25pt;visibility:visible;mso-wrap-style:square'>
 <v:imagedata src="file:///C:\Users\Parige\AppData\Local\Temp\msohtmlclip1\01\clip_image008.png"
  o:title=""/>
<![endif]--><!--[if !vml]--><!--[endif]-->





Enquanto o download acima acontece, iremos fazer o download dos ".jar" do
primefaces que iremos utilizar no projeto, em meu exemplo estou utilizando a
versão 5.2, faça aqui o download.



Quando finalizar o download do “JSF 2.2 (Mojarra 2.2.0)”
será retornado para a tela “JSF Capabilities” e então basta clicar em “Manage
libraries...” e então clicar em “New...” e&nbsp; no campo&nbsp;
“User library name” informe “Primefaces” e então “OK”:

<!--[if gte vml 1]><v:shape
 id="Imagem_x0020_11" o:spid="_x0000_i1030" type="#_x0000_t75" style='width:425.25pt;
 height:450pt;visibility:visible;mso-wrap-style:square'>
 <v:imagedata src="file:///C:\Users\Parige\AppData\Local\Temp\msohtmlclip1\01\clip_image010.png"
  o:title=""/>
<![endif]--><!--[if !vml]--><!--[endif]-->





Ao retornar na tela "User Libraries" basta clicar em “Add External JARs...” e selecionar o ".jar" do primefaces, em meu caso o primefaces 5.2, após selecione as duas libraries e
então “OK”:

<!--[if gte vml 1]><v:shape
 id="Imagem_x0020_13" o:spid="_x0000_i1029" type="#_x0000_t75" style='width:425.25pt;
 height:333pt;visibility:visible;mso-wrap-style:square'>
 <v:imagedata src="file:///C:\Users\Parige\AppData\Local\Temp\msohtmlclip1\01\clip_image012.png"
  o:title=""/>
<![endif]--><!--[if !vml]--><!--[endif]-->







E selecione a “JSF 2.2 (Mojarra 2.2.0)” e “Primefaces” e
então “Finish”:

<!--[if gte vml 1]><v:shape
 id="Imagem_x0020_14" o:spid="_x0000_i1028" type="#_x0000_t75" style='width:393.75pt;
 height:441pt;visibility:visible;mso-wrap-style:square'>
 <v:imagedata src="file:///C:\Users\Parige\AppData\Local\Temp\msohtmlclip1\01\clip_image014.png"
  o:title=""/>
<![endif]--><!--[if !vml]--><!--[endif]-->





Testando:



Para testa nossa aplicação, criaremos um “index.xhtml” em “Web
Content”:



<!--[if gte vml 1]><v:shape
 id="Imagem_x0020_15" o:spid="_x0000_i1027" type="#_x0000_t75" style='width:393.75pt;
 height:399.75pt;visibility:visible;mso-wrap-style:square'>
 <v:imagedata src="file:///C:\Users\Parige\AppData\Local\Temp\msohtmlclip1\01\clip_image015.png"
  o:title=""/>
<![endif]--><!--[if !vml]--><!--[endif]-->





Pegando como exemplo a própria Primefaces de Getting
Started:

&lt;html
xmlns="http://www.w3.org/1999/xhtml"&nbsp; 

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

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

&nbsp;&nbsp;&nbsp; xmlns:p="http://primefaces.org/ui"&gt;&nbsp; 

&nbsp; 

&nbsp;&nbsp;&nbsp; &lt;h:head&gt;&nbsp; 

&nbsp; 

&nbsp;&nbsp;&nbsp; &lt;/h:head&gt;&nbsp; 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

&nbsp;&nbsp;&nbsp; &lt;h:body&gt;&nbsp; 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p:spinner /&gt;&nbsp; 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

&nbsp;&nbsp;&nbsp;
&lt;/h:body&gt;&nbsp; 

&lt;/html&gt;



Após basta rodar nossa aplicação clicando com o botão direito
em “index.xhtml”, “Run As” e então “Run on Server” e selecione servidor tomcat,
em meu caso o “Tomcat v7.0 Server” e então “Finish”:

<!--[if gte vml 1]><v:shape
 id="Imagem_x0020_16" o:spid="_x0000_i1026" type="#_x0000_t75" style='width:417.75pt;
 height:403.5pt;visibility:visible;mso-wrap-style:square'>
 <v:imagedata src="file:///C:\Users\Parige\AppData\Local\Temp\msohtmlclip1\01\clip_image016.png"
  o:title=""/>
<![endif]--><!--[if !vml]--><!--[endif]-->





Se tudo funcionar, o resultado será:


<!--[if gte vml 1]><v:shape
 id="Imagem_x0020_17" o:spid="_x0000_i1025" type="#_x0000_t75" style='width:377.25pt;
 height:118.5pt;visibility:visible;mso-wrap-style:square'>
 <v:imagedata src="file:///C:\Users\Parige\AppData\Local\Temp\msohtmlclip1\01\clip_image017.png"
  o:title=""/>
<![endif]--><!--[if !vml]--><!--[endif]-->