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

Apresentando o NetBeans IDE 5.0 e demonstrando como desenvolver uma aplicação com o framework JavaServer Faces.

 

Introdução

O Ambiente de Desenvolvimento Integrado NetBeans, ou NetBeans IDE, é um projeto de código fonte aberto que reúne um grande conjunto de características e ferramentas de apoio aos desenvolvedores de softwares, com o objetivo de agilizar, facilitar, corrigir, padronizar e melhorar o processo de desenvolvimento de softwares. Veja abaixo algumas características e ferramentas encontradas no NetBeans IDE:

·          Editor de código fonte nas linguagens Java, HTML, XML, ou outras linguagens suportadas pelos seus plugins.

·          Compilador com a função de transforma em linguagem de máquina o código fonte editado em seu editor de código fonte;

·          Debugador para auxiliar no processo de correção de erros (bugs) no código fonte do programa.

·          Templates para auxiliar no processo de geração de código fonte comumente utilizado para auxiliar, padronizar e agilizar o processo de desenvolvimento de software.

·          Distribuição para auxiliar no processo de criação dos pacotes de software, ou outra forma de distribuição do mesmo, seja em discos ou via internet.

·          Refatoração consiste na melhora da estrutura do código fonte preservando sua funcionalidade.

·          E muitas outras características e ferramentas que serão descobertas com o uso do NetBeans.

 

Obtendo o NetBeans IDE 5.0

O Ambiente de Desenvolvimento Integrado NetBeans IDE se encontra na versão 5.0 (Quando este artigo estava sendo escrito.), pode ser obtido no site oficial do NetBeans (http://www.netbeans.org), ou no site da Sun Microsystems® (http://www.sun.com).

 

Preparando o NetBeans IDE 5.0

Após a instalação e inicialização do NetBeans IDE 5.0, a nossa área de trabalho irá ser carregada, Figura 1.

 

JSFNBfig01.JPG

Figura 1. Área de trabalho do NetBeans IDE.

 

Esta será a nossa área de trabalho onde iremos desenvolver nossas aplicações WEB com o  framework JavaServer Faces. Mas antes de começarmos o processo de desenvolvimento, vamos preparar nosso ambiente para facilitar o processo. Iremos alterar um template, mais precisamente o template JSP, para que toda vez quer criarmos uma nova página JSP, ela já esteja preparada com os recursos do framework JavaServer Faces. Para isso clique no menu “Tools” e em “Template Manager”, Figura 2.

 

JSFNBfig02.JPG

Figura 2. Opções do Menu Tools.

 

Esse processo irá abrir a janela “Template Manager”, clique no sinal de mais “+” em frente à pasta “Web”, selecione o ícone “JSP” e clique no botão “Open in Editor”, Figura 3.

 

JSFNBfig03.JPG

Figura 3. Janela Template Manager.

 

Esse processo irá abrir o Template JSP, no editor de código fonte do NetBeans IDE 5.0, Figura 4.

 

JSFNBfig04.JPG 

Figura 4. Área de trabalho do NetBeans IDE, com o template JSP aberto.

 

Clique duas vezes em cima da guia JSP, para podermos maximizar a tela do editor de template JSP, Figura 5.

 

JSFNBfig05.JPG 

Figura 5. Editor de template JSP maximizado.

 

Caso não esteja aparecendo à numeração a esquerda do editor, clique no menu “View” e em “Show Line Numbers”, Figura 6. Para que a exibição dos números das linhas do código fonte sejam ativadas.

 

JSFNBfig06.JPG 

Figura 6. Opções do Menu View.

 

Agora iremos alterar o template para agilizar o processo de desenvolvimento, deixe o seu JSP de acordo com o código da Figura 7.

 

JSFNBfig07.JPG 

Figura 7. Template JSP alterado.

 

Após ter executado as alterações, salve-as, menu “File” e em “Save”. Clique no “x” na guia “JSP”, Figura 8, para fechar a janela do editor de código fonte do template JSP.

 

JSFNBfig08.JPG

Figura 8. Guia do editor de código fonte do template JSP.

 

Pronto agora podemos desenvolver nossa primeira aplicação em JavaServer Faces no NetBeans IDE.