Este documento oferece os conceitos básicos sobre o uso do NetBeans IDE 6.0 no desenvolvimento de aplicações Web. Este documento destina-se a ajudá-lo a começar o mais rapidamente possível.
Para obter mais informações sobre como trabalhar com o NetBeans IDE, consulte a página Suporte e Documentação no site do NetBeans.
Você cria, implanta e executa uma aplicação Web simples. A aplicação usa uma página JavaServer Pages™ para solicitar que você insira o seu nome. Em seguida, usa um componente JavaBeans™ para manter o nome durante a sessão HTTP e repete o nome em outra página JavaServer Pages.
Antes de começar, você deve instalar o seguinte software no seu computador:
NetBeans IDE 6.0, instalação Web e Java EE (download).
Java Standard Development Kit (JDK™) versão 5.0 ou 6.0 (download)
Configurando um projeto de aplicação Web
Escolha Arquivo > Novo projeto. Em Categorias, selecione Web.
Em Projetos, selecione Aplicação Web e clique em Próximo.
Em Nome do projeto, insira HelloWeb. Observe que o caminho de contexto é /HelloWeb.
Altere Local do projeto para qualquer diretório no computador. A partir de
agora, este diretório é chamado de $PROJECTHOME.
Selecione o servidor no qual deseja implantar a aplicação. Somente os servidores registrados com o IDE estão listados. Clique em Próximo.
Deixe marcada a caixa de verificação Definir como projeto principal. Clique em Terminar.
O IDE cria a pasta do projeto $PROJECTHOME/HelloWeb. A pasta do projeto contém todas as fontes e metadados do projeto, como o script de construção Ant do projeto.
O projeto HelloWeb se abre no IDE. Você pode ver a estrutura lógica na janela Projetos e a estrutura de arquivos na janela Arquivos.
Criando e editando arquivos de origem de aplicações Web
A criação e edição de arquivos de origem é a função mais importante do IDE. Afinal de contas, é isto o que você faz na maior parte do tempo.
O IDE fornece uma ampla variedade de ferramentas que podem complementar o estilo pessoal de qualquer desenvolvedor, tanto se você preferir codificar tudo manualmente quanto se quiser que o IDE gere grandes trechos de código para você.
Criando um pacote Java e um arquivo de origem Java
Expanda o nó Pacotes de fontes. Observe que o nó Pacotes de fontes contém somente um nó de pacote padrão vazio.
Clique com o botão direito do mouse no nó Pacotes de fontes e escolha Novo > Classe Java.
Indique NameHandler na caixa de texto Nome da classe e digite
org.me.hello na lista suspensa Pacote. Clique em Terminar.
No Editor de código-fonte, declare um campo digitando a linha seguinte diretamente abaixo da declaração da classe:
String name;
Adicione o construtor seguinte à classe Java:
public NameHandler()
Adicione a linha seguinte no construtor NameHandler():
name = null;
Gerando os métodos "getter" e "setter"
Clique com o botão direito do mouse na palavra name no campo da declaração no início da classe e escolha Refatorar > Encapsular campos.
Clique em Refatorar. Os métodos getter e setter são gerados para o campo name e o seu nível de acesso é alterado para privado. A classe Java agora deveria ser semelhante a:
package org.me.hello;
/**
*
* @author Administrator
*/
public class NameHandler {
private String name;
/** Creates a new instance of NameHandler */
public NameHandler() {
name = null;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
Editando o arquivo JavaServer Pages padrão
Expanda o nó do projeto HelloWeb e o nó Páginas da Web.
Observe que o IDE criou um arquivo JavaServer Pages padrão, index.jsp. Quando você cria o projeto, o IDE abre o arquivo index.jsp no Editor de código-fonte.
Selecione a aba index.jsp no Editor de código-fonte. O arquivo index.jsp tem agora o foco no Editor de código-fonte.
Na Paleta, no lado direito do editor de código-fonte, expanda Formulários HTML e
arraste um item Formulário abaixo das marcas <h2> no editor de código-fonte.
A caixa de diálogo Inserir formulário é exibida:
Defina os seguintes valores:
Ação: response.jsp
Método: GET
Nome: Formulário de entrada de nome
Clique em OK. O formulário é adicionado no arquivo index.jsp.
Arraste um item Entrada de texto para antes da marca </form>.
Defina os seguintes valores:
Nome: nome
Tipo: texto
Clique em OK. A entrada de texto é adicionada entre as marcas <form>.
Arraste um item Botão para antes da marca </form>.
Defina os seguintes valores:
Rótulo: OK
Tipo: envio
Clique em OK. O botão é adicionado entre as marcas <form>.
Altere o texto entre as marcas h2 para Entry Form.
Digite Indique seu nome: na frente da marca <input> e altere o texto entre as marcas
<h2> para Entry Form.
As marcas entre as marcas <body> agora têm a aparência seguinte:
<h2>Entry Form</h2><form name="Name Input Form" action="response.jsp" method="GET">
Enter your name: <input type="text" name="name" value="" />
<input type="submit" value="OK" /></form>
Criando um arquivo JavaServer Pages
Expanda o nó do projeto HelloWeb e o nó Páginas da Web.
Clique com o botão direito do mouse no nó Páginas da Web e escolha Novo > JSP, nomeie o arquivo JavaServer Pages de response e clique em Terminar.
O novo response.jsp se abre no Editor de código-fonte.
Na Paleta, no lado direito do editor de código-fonte, expanda JSP e
arraste um item Usar bean para baixo da marca <body> no editor de código-fonte.
Defina os seguintes valores:
ID: mybean
Class: org.me.hello.NameHandler
Escopo: sessão
Clique em OK. O item Usar bean é adicioanado abaixo da marca <body>.
Altere o texto entre as marcas <h2> para que ele tenha a aparência seguinte:
<h2>Hello, !</h2>
Arraste um item Obter propriedade do bean da Paleta e solte-o depois da vírgula entre as marcas <h2>.
Arraste um item Definir propriedade do bean da Paleta. Em seguida,
altere o código para que as marcas entre as marcas<body> tenham a seguinte aparência:
Construindo e executando um projeto de aplicação Web
O IDE utiliza um script de construção Ant para construir e executar aplicações Web.
O IDE gera o script de construção com base nas opções inseridas no assistente para novo projeto e na caixa de diálogo do projeto Propriedades do projeto.
Selecione Executar > Executar projeto principal (F6) no menu Executar.
O IDE constrói a aplicação Web e a implanta, usando o servidor especificado ao criar o projeto.
Insira o seu nome no caixa de texto na página index.jsp implantada:
Clique em OK. A página response.jsp deveria ser exibida e dar-lhe as boas-vindas:
Veja também:
Para obter mais informações sobre o desenvolvimento de aplicações Web no NetBeans IDE 6.0, consulte os seguintes recursos:
Para enviar comentários e sugestões, obter suporte e manter-se informado sobre os desenvolvimentos mais recentes dos recursos de desenvolvimento do Java EE no NetBeans IDE, junte-se à lista de usuários Para obter mais informações sobre os próximos recursos de desenvolvimento do Java EE no NetBeans IDE, consulte http://j2ee.netbeans.org/.
