Desenvolvendo aplicações WEB com JavaServer Faces e a IDE NetBeans – Parte II

Desenvolvendo nossa primeira aplicação JavaServer Faces no NetBeans IDE 5.0

Para podermos desenvolver aplicações WEB no NetBeans IDE, devemos criar um projeto, para isso clique no menu “File” e em “New Project”, feito isso a janela “New Project” irá ser mostrada, Figura 9. Nessa janela podemos escolher o tipo de projeto que iremos desenvolver. Escolha em categorias (Categories) categoria Web, e em projetos (Projects) escolha Web Application e clique no botão “Next”.

 

jsfnbfig09.JPG

Figura 9. Janela New Project com um projeto da categoria WEB.

 

Com isso a janela “New Project” irá mudar para “New Web Application”, onde nesse momento iremos apenas definir o nome da nossa aplicação, que será “AloMundoJSF”, coloque esse nome no campo “Project Name”, Figura 10, e clique no botão “Next”. Observação não faça nenhuma outra alteração.

 

jsfnbfig10.JPG 

Figura 10. Janela New Web Application com o nome do projeto “AloMundoJSF”.

 

Feito isso a janela New Web Application nós permite escolher entre o Framework: Java Server Faces 1.1 ou Struts 1.2.7. Como nosso artigo trata do framework Java Server Faces, marque a caixa Java Server Faces 1.1, conforme a Figura 11, agora clique no botão “Finish”.

 

jsfnbfig11.JPG 

Figura 11. Janela New Web Application com o Framework JavaServer Faces 1.1 marcado.

 

Agora a nossa área de trabalho do NetBeans IDE, está pronta para podermos dar inicio ao desenvolvimento de nossa primeira aplicação JavaServer Faces. Observe como ficou a nossa área de trabalho, Figura 12.

 

jsfnbfig12.JPG 

Figura 12. Área de trabalho do netBeans IDE.

 

Pronto, agora vamos desenvolver nossa primeira aplicação JavaServer Faces no NetBeans IDE, na verdade nossa aplicação já está pronta, o NetBeans IDE já fez todo o serviço pesado de nossa aplicação “AloMundoJSF”, vamos construir o pacote para a distribuição e depois executar nossa aplicação. Clique com o botão inverso em cima do ícone “AloMundoJSF”, conforme a Figura 13, no menu que aparece clique na opção “Build Project”.

 

jsfnbfig13.JPG 

Figura 13. Paleta “Projects” da aplicação AloMundoJSF.

 

Após ter clicado observe na parte inferior de seu ambiente de trabalho, paleta “Output” a ferramenta “ant” construindo a distribuição de sua aplicação, Figura 14.

 

jsfnbfig14.JPG 

Figura 14. Paleta Output, mostrando o ant preparando o pacote de distribuição do AloMundoJSF.

 

Observe que o ant fez todo o trabalho pesado, criou o nosso arquivo “AloMundoJSP.war”. Agora vamos executar nossa aplicação. Clique novamente com o botão inverso em cima do ícone “AloMundoJSF”, conforme a Figura 13, no menu que aparece clique na opção “Run Project”.

 

jsfnbfig15.JPG

Figura 15. Paleta Output, mostrando a execução do contêiner Servlet/JSP Tomcat.

 

Após ter clicado observe na parte inferior de seu ambiente de trabalho, paleta “Output” o contêiner Servlet/JSP Tomcat sendo executado, Figura 15, com isso o seu browser (navegador web), será carregado com a página “inde.jsp”, Figura 16.

 

jsfnbfig16.JPG 

Figura 16. Browser com a página index.jsp.

 

Agora clique no link Java Server Faces Welcome Page” para executar sua primeira página desenvolvida com o framework JavaServer Faces, Figura 17.

 

jsfnbfig17.JPG 

Figura 17. Browser com a página welcomeJSF.jsp.

 

Para finalizar, vamos finalizar o contêiner Servlet/JSP Tomcat, para isso basta clicar no ícone “Stop the Server”, Figura 18.

 

jsfnbfig18.JPG 

Figura 18. Ícone Stop the Server.

 

Após ter clicado no ícone “Stop the Server”, o contêiner Servlet/JSP Tomcat e finalizado.

 

Conclusão

Chegamos ao final de nosso artigo, onde mostramos o caminho das pedras para desenvolver aplicações com o Framework JavaServer Faces, desde a criação do projeto, distribuição, execução e finalização. Agora vamos tomar um café!