Anota��es e Navega��o no JSF 2.0

Atenç�o: esse artigo tem dois v�deos complementares.
Clique e assista o primeiro!
Clique e assista o segundo!

De que se trata o artigo:

Neste artigo veremos algumas das novidades do JSF 2.0, como o uso de anotaç�es nos beans gerenci�veis (Managed Beans) e as novas formas de navegaç�o: impl�cita e condicional.

Para que serve:

O artigo mostra como ficou mais f�cil o desenvolvimento de aplicaç�es JSF na vers�o 2.0, com a simplificaç�o do modelo de navegaç�o e sem a necessidade de configuraç�o XML para registrar os beans gerenci�veis, graças �s anotaç�es.

Em que situaç�o o tema �til:

Para quem deseja conhecer um pouco sobre a tecnologia JSF 2.0 e começar a desenvolver aplicaç�es, o artigo mostra exemplos e diferenças da nova vers�o do JSF em relaç�o �s vers�es anteriores.

Anotaç�es e Navegaç�o no JSF 2.0:

A tecnologia JSF � uma das mais utilizadas para o desenvolvimento de aplicaç�es web em Java. A vers�o 2.0 trouxe v�rias novidades que a tornaram ainda melhor. No entanto, como elas s�o muitas, o artigo se prop�e a falar de tr�s muito importantes: o uso de anotaç�es em beans gerenci�veis e as navegaç�es impl�cita e condicional.

Com o uso de anotaç�es, o registro dos beans gerenci�veis n�o precisa mais ser feito atrav�s de configuraç�o XML, o que facilita bastante a manutenç�o e o controle dos mesmos. E com as navegaç�es impl�cita e condicional, o modelo de navegaç�o do JSF fica mais poderoso e intuitivo, pois agora voc� tem a possibilidade de definir as regras de navegaç�o nas pr�prias p�ginas, assim como estipular condiç�es para se navegar de uma tela para outra.

A Internet vem evoluindo a cada ano. E com o advento da Web 2.0, o dinamismo e a interatividade dos sites com os usu�rios ganharam uma import�ncia fundamental. Hoje, cada vez mais pessoas t�m acesso � rede mundial de computadores, seja de suas resid�ncias ou de seus escrit�rios, atrav�s de um computador ou de dispositivos m�veis.

Por conta disso, h� uma demanda crescente por desenvolvimento para web, como a criaç�o ou remodelagem de sites, redes sociais, sistemas para Intranet de uma empresa, etc. Neste contexto, o primeiro contato que o usu�rio tem com a aplicaç�o � atrav�s de sua interface, uma de suas partes mais importantes.

A tecnologia JavaServer Faces (JSF), em sua ess�ncia, � um framework Java destinado � criaç�o de componentes de interface gr�fica para aplicaç�es web. Ele simplifica o desenvolvimento da Interface com o Usu�rio, que geralmente � uma das partes mais trabalhosas no desenvolvimento web.

Neste artigo veremos, com exemplos pr�ticos, algumas dessas novidades: o uso de anotaç�es nos beans gerenci�veis (managed beans) e a navegaç�o impl�cita e condicional. Por�m, antes de entrarmos nos detalhes do JSF 2.0, vamos configurar um ambiente de desenvolvimento e criar um projeto web que ser� utilizado em todo o artigo.

Configurando o ambiente de desenvolvimento

Para a montagem do ambiente, utilizaremos o JDK 6 Update 21, o NetBeans IDE 6.9.1 para Java e o servidor de aplicaç�es GlassFish vers�o 3.0.1.

A melhor maneira de apresentar as novidades do JSF 2.0, destacadas nesse artigo, � atrav�s de uma aplicaç�o exemplo. Para isso, crie um novo projeto web no NetBeans com o nome de �ExemploJSF2�. Mantenha as configuraç�es padr�es durante a criaç�o, e n�o se esqueça de selecionar o framework �JavaServer Faces� antes de finaliz�-la.

Pronto! Agora temos um projeto web utilizando JSF 2.0. Notem que o NetBeans criou automaticamente quatro arquivos, como pode ser observado na Figura 1:

� WEB-INF/web.xml: arquivo descritor para aplicaç�es web Java EE. Entre outras coisas, nesse arquivo � definida a p�gina inicial da aplicaç�o (neste caso, index.xhtml);

� WEB-INF/sun-web.xml: arquivo descritor de deployment para o servidor de aplicaç�es GlassFish. Nesse arquivo � definido o contexto da aplicaç�o (no caso /ExemploJSF2);

� index.xhtml: p�gina inicial JSF (padr�o Facelets);

� MANIFEST.MF: arquivo de manifesto padr�o.

Figura 1. Projeto ExemploJSF2 criado no NetBeans.

N�o iremos alterar esses arquivos, exceto o index.xhtml, no qual criaremos um formul�rio de cadastro de clientes. A Figura 2 mostra as p�ginas e os fluxos de navegaç�o que construiremos no nosso projeto.

Figura 2. P�ginas e fluxo de navegaç�o do projeto ExemploJSF2.

Como podemos observar, trata-se de um projeto simples. Na p�gina index.xhtml, existe uma lista de clientes cadastrados e uma opç�o para cadastro de novo cliente. A p�gina cadastro.xhtml possui um formul�rio contendo as informaç�es necess�rias para a criaç�o do cliente. E a p�gina confirmacao.xhtml mostra as informaç�es inclu�das no formul�rio, para que o usu�rio verifique se os dados est�o corretos e confirme a inclus�o do novo cliente. Ap�s a confirmaç�o, a p�gina "

[...] continue lendo...

Anota��es e Navega��o no JSF 2.0

Neste artigo veremos algumas das novidades do JSF 2.0, como o uso de anotações nos beans gerenciáveis (Managed Beans) e as novas formas de navegação: implícita e condicional.

Artigos relacionados