Olá, iremos neste tutorial criar a nossa primeira página XHTML em um projeto JSF – JavaServer Faces. Toda página XHTML fica na raiz da pasta WebContent. Então, clique com o botão direito do mouse sobre a pasta WebContent >> Other… E pesquise por XHTML, se nada for exibido, pesquise então por html, selecione [HTML File >> Next].

Atribua a página o nome de “primeirapagina.xhtml”. Observe que alteramos a extensão que era html para xhtml. Clique em [Next], escolha um template e depois em [Finish].

Delete tudo que está dentro do par de tags <html></html>, deixando apenas o esqueleto da página.

Dentro da tag <html> importaremos o JSF onde a referência se dará pelo namespace ‘h’. A importação acontece via linha de código que busca a validação no próprio framework, o Maven, [xmlns:h= “http://java.sun.com/jsf/html”].

Agora, no corpo da página, invocando o namespace h: poderemos ter acesso a todos os componentes JSF.

Obviamente existe uma estrutura básica inicial qual devemos obedecer, tal como em uma página HTML. Esta estrutura compõe o cabeçalho, o corpo e dentro do corpo da página, o formulário. Vale ressaltar que dentro das tags de componentes JSF, é possível em alguns casos inserir tags do HTML puro.

EVITANDO ERROS DE BIBLIOTECA

Para prevenir erros de compatibilidade ou de reconhecimento de alguma biblioteca, iremos na pasta “Maven Dependencies” buscar o endereço das dependências em nosso computador. O caminho será algo como:

C:\Users\Administrador\.m2\repository\com\sun\faces\jsf-api\2.2.14
C:\Users\Administrador\.m2\repository\com\sun\faces\jsf-impl\2.2.14

Copie os arquivos jsf-api-2.2.14 e jsf-impl-2.2.14 respectivamente para dentro da pasta lib. Selecione as duas bibliotecas e clique sobre elas com o botão direito do mouse >> Build Path >> Add to Build Path.

INICIALIZANDO O PROJETO

Para startar o projeto é preciso antes adicioná-lo ao servidor. Na view na parte inferior do Eclipse, na aba Server clique com o botão direito do mouse sobre o servidor Apache Tomcat >> Add and Remove.

No painel Available selecione o projeto e clique em Add movendo-o para o painel Configured. Clique em Finish. Publique o projeto e clique em Startar.

No navegador digite localhost:8080/meuprimeiroprojetojsf/faces/primeirapagina.xhtml onde “faces” é um padrão.

EM POUCAS PALAVRAS

Agora temos uma página XHTML ativa e funcional pronta para receber os componentes JSF – JavaServer Faces. E também trabalhamos preventivamente quanto a alguns possíveis erros que poderiam vir a ocorrer.