JSF 2.0 na Prática – Parte I
Boa noite pessoal,
Estarei mostrando nesta série de post’s sobre JSF 2.0 seus principais recursos, neste primeiro iremos configurar o nosso ambiente de desenvolvimento e iremos criar uma primeira página para verificarmos se está tudo ok.
Iremos utilizar neste post a IDE Eclipse 3.6 e o Container Apache Tomcat 7.0.
IDE Eclipse 3.6
Para baixar o eclipse acesse o link http://www.eclipse.org/downloads/ e click no link Eclipse IDE for Java EE Developers. Depois de feito o download descompacte o mesmo no local desejado.
Apache Tomcat 7
Para baixar o Apache Tomcat 7 acesse o link http://tomcat.apache.org/ e click no link a esquerda Tomcat 7.0. Na parte inferior da página, na sessão Binary Distributions você encontra o arquivo desejado para download. Depois de feito o download descompacte o mesmo no local desejado.
Obs.: Lembrando que o Tomcat 7.0 funciona somente na JDK 6 ou superior.
Bibliotecas Necessárias
Para trabalharmos com o JavaServer Faces devemos primeiramente baixar as bibliotecas necessárias, o download do JSF 2.0 pode ser realizado neste link https://javaserverfaces.dev.java.net/. No link indicado selecione a opção Download e selecione a última versão indicada 2.0.x clicando no link 2.0.x binary bundle. Depois de feito o download descompacte o mesmo no local desejado.
Iremos também realizar o download da JSTL que pode ser baixada em http://www.apache.org/dist/jakarta/taglibs/standard/binaries/. Depois de feito o download descompacte o mesmo no local desejado.
Para o funcionamento do JSF2.0 iremos utilizar os jars no qual fizemos download:
JSF
jsf-impl.jar e jsf-api.jar
JSTL
jstl.jar e standard.jar
Criando nosso projeto
Com o Eclipse aberto acesse New > Other > Web > Dynamic Web Project. Irá aparecer a tela para configuração do Projeto, no campo Project Name digite PojetoJSF2, em Configuration selecione a opção JavaServer Faces v2.0 Project.
Iremos configurar agora o nosso servidor, clique em New Runtime e selecione o servidor Apache Tomcat v.7.0.
Imagem 2 - Selecionando o Servidor
Vamos selecionar agora o local de instalação do nosso servidor, em Tomcat installation directory selecione o local de instalação do nossao servidor Apache Tomcat 7.o que realizamos o download. Em JRE selecione a instalação da JDK 6. Após estas configurações clique em Finish.
Imagem 3 - Configurando nosso Servidor
Obs.: Após selecionarmos nosso servidor a opção Configuration irá ser modificada para Default Configuration for Apache Tomcat v7.0, devemos alterar novamente para a opção JavaServer Faces v2.0 Project.
Agora vamos clicar em Next até a última tela, nesta configuraremos as nossas bibliotecas para trabalharmos com o JSF 2.0.
Clique na imagem conforme exemplo abaixo.
Imagem 4 - Inserindo as Bibliotecas
Na tela que aparecerá vamos criar duas bibliotecas, JSF2 e JSTL, para fazer isto clique em Newe na tela que se aparecerá indique o nome da Biblioteca. Após criada a biblioteca selecione a mesma e clique em Add JARs, selecionando os Jars indicados no inicio do artigo. Feito isso clique em OK. A configuração ficará como na imagem abaixo.
Imagem 5 - Configurando as Bibliotecas
Após as configuração das bibliotecas voltaremos a nossa tela de configuração do projeto, nesta tela selecione as duas bibliotecas criadas recentemente e clique em Finish.
Figura 6 - Finalizando a criação do projeto
Após a criação do nosso vocês podem verificar que o nosso Deployment Descriptor (WEB.xml) foi criado automaticamente com as configurações necessárias para o uso do JSF.
Criando nossa primeira página
Vamor criar a nossa primeira página, clique em New > Web > HTML file, no campo File name digite 
index.xhtml e clique em Next.
Imagem 7 - Criando nossa página
Na próxima tela selecione a opção New Facelet Composition Page e clique em Finish.
Com a nossa página criada vamos alterar o conteúdo da mesma para o conteúdo abaixo.
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”
xmlns:h=”http://java.sun.com/jsf/html”>
<h:head><title>JSF 2.0</title></h:head>
<h:body>
<h:form id=”form1″>
<h:outputText value=”Primeiro exemplo com JSF 2.0″ />
</h:form>
</h:body>
</html>
Neste código utilizamos dois novos recursos, a tag h:head que representa o elemento principal de uma página HTML e a tag h:body que representa o corpo de uma página HTML.
Para rodar o nosso exemplo clique com o botão direito em nossa página recém criada acessando Run As>Run on Server, selecione o nosso servidor Apache Tomcat 7.0 e clique em Finish.
Imagem 8 - Executando nossa aplicação
Bom pessoal o que quis apresentar neste primeiro post era principalmente como configurar o nosso ambiente para desenvolvimento, nós próximos posts desta serie iremos apresentar mais recursos do JavaServer Faces 2.
Até a próxima.
Programming Blog 
Ótima oportunidade para aprender JSF.
Estarei acompanhando os posts.
Vlw
Opa, ficou bacana o post e os primeiros passos para o start em JSF.
Até a próxima.