Este documento mostra-lhe
os passos
básicos para a utilização do NetBeans
IDE 5.5 no
desenvolvimento de aplicações web. Este documento
está
feito de forma a guiá-lo da forma mais rápida
possível.
Para mais informação sobre como trabalhar com o
NetBeans IDE, veja as páginas de Suporte
e Documentação no site do NetBeans.
Você cria,
desenvolve, e
executa uma simples aplicação web. A
aplicação
usa uma página JavaServer Pages™ para lhe
perguntar o
seu nome. Por sua vez, esta usa um componente JavaBeans™, que
garantirá a persistência do nome durante a
sessão
HTTP, e repetirá o nome numa outra página
JavaServer
Pages.
Construir um Projecto para uma
Aplicação Web
Antes de
começar a escrever
código, terá de ter a certeza de que todo o
software
necessário se encontra instalado, e também que o
projecto está definido correctamente.
Instalar o Software
Antes de
começar, você
precisa de instalar o seguinte software no seu computador:
Java Standard
Development Kit (JDK™) versão 5.0 ou
versão 6.0 (download)
Opcionalmente,
poderá também
efectuar o download e usar o servidor de
aplicações Sun
Java System (SJS) Application Server (download),
JBoss, ou WebLogic. Contudo, o Servidor Web Tomcat, que já
vem
incluido no IDE providência todo o suporte
necessário,
para aplicações web
“two-tier”
(Cliente-Servidor), tais como aquela que é descrita aqui
neste
guia. Um servidor de Aplicações (tais como o SJS
Application Server, JBoss, ou WebLogic) apenas é
necessário,
se você pretender desenvolver
aplicações
empresariais.
Registar o servidor no IDE
Registar O Servidor Web Tomcat
fornecido
conjuntamente com o IDE já está
automáticamente
registado. Contudo, antes de começar a desenvolver para o
SJS
Application Server, JBoss, ou WebLogic, você terá
de
registar uma instância local no IDE. Se você
instalou o
conjunto NetBeans IDE 5.5/SJS Application Server, uma
instância
local do SJS Application Server é registada automaticamente.
Caso contrário, siga os seguintes passos:
Escolha Tools
> Server Manager (Ferramentas > Gestor de Servidor), a
partir da janela principal.
Clique Add Server
(Adicionar Servidor). Seleccione o tipo de servidor e atribua um nome
à instância. Depois clique em Next (Seguinte).
Especifique
informação sobre o servidor, como por ex: a
localização e nome da instância local
do servidor de aplicações, bem como o
domínio para o qual pretende desenvolver.
Criar um novo Projecto
do
Tipo Aplicação
Web
Seleccione File
> New Project (Ficheiro > Novo Projecto). Nas Categorias,
seleccione Web. Nos Projectos, seleccione Web Application
(Aplicação Web) e clique Seguinte.
No Nome do Projecto,
escreva HelloWeb. Repare que o caminho (Context
Path) é /HelloWeb.
Altere a
Localização do Projecto para uma qualquer
directoria no seu computador. A partir de agora, esta directoria
será referida como $PROJECTHOME.
Seleccione as
recomendações/directivas que a sua estrutura
fonte
deverá seguir, isto é puramente uma
preferência pessoal:
Seleccione o servidor
para o qual pretende desenvolver a sua aplicação.
Apenas servidores registados no IDE são listados.
Seleccione a checkbox
Set as Main Project (Definir como Projecto Principal). Clique Finish
(Terminar).
O IDE cria a pasta de
projecto $PROJECTHOME/HelloWeb.
A pasta do projecto contém todo o código fonte e
meta-dados do mesmo, bem como o script Ant de
compilação do projecto. O projecto HelloWeb abre
então, no IDE. Você pode ver a estrutura
lógica do projecto na janela de Projectos, bem como a
correspondente estrutura de ficheiros, na janela de Ficheiros.
Criar
e Editar Ficheiros de Código Fonte de
Aplicações
Web
Criar e editar ficheiros
de código
fonte, é uma das funções mais
importantes que o
IDE disponibiliza. Afinal, provavelmente é nisso que
gastará
a maior parte do seu tempo, no dia-a-dia. O IDE proporciona uma vasto
leque de ferramentas que vão de encontro ao estilo pessoal
de
qualquer programador, quer você prefira escrever todo o
código
manualmente, ou pretenda que o IDE gere grandes blocos de
código
por sí.
Criar uma Package Java e
um Ficheiro
de Código Fonte Java
Expanda o
nó Source Packages (Pacotes Fonte). Note que o nó
Packages Fonte contém apenas um nó
“default package” vazio.
Clique com o
botão do lado direito do rato no nó Source
Packages e escolha New > Java Class (Novo > Classe Java).
Escreva NameHandler na caixa de texto Class Name
(Nome da Classe) e tecle org.me.hello no
“drop-down” do Package. Clique Finish (Terminar).
No Editor de
Código, declare um campo, digitando a seguinte linha, logo
após a declaração da classe:
String name;
Adicione a seguinte
linha no construtor nameHandler():
name = null;
Criar os
Métodos “Getters”
e “Setters”
Clique com o
botão direito na palavra name na
declaração do campo, no início da
classe e escolha Refactor > Encapsulate Fields (Refazer >
Encapsular campos). Clique Next (Seguinte) para executar o comando com
as opções por defeito.
Clique em Do
Refactoring. Serão gerados os métodos Get e Set
para o campo name e o seu nível de
acesso é alterado para private (privado). A classe Java,
deve agora assemelhar-se a algo do género:
package org.me.hello;
/** * * @author Administrator */
public class NameHandler {
private String name;
/** Creates a new instance of NameHandler */ public NameHandler() { setName(null); }
public String getName() { return name; }
public void setName(String name) { this.name = name; }
}
Editar O ficheiro
Default de JavaServer
Pages
Expanda o
nó do projecto HelloWeb e o nó Web Pages
(Páginas Web). Note que o IDE criou um ficheiro JavaServer
Pages por defeito, index.jsp, para sí.
Quando você criou o projecto, o IDE abriu o ficheiro index.jsp
na janela do Editor de Código.
Seleccione o
separador do Editor do index.jsp. O ficheiro index.jsp
tem agora o focus no Editor de Código.
Na Paleta do lado
direito do Editor, expanda HTML Forms e arraste um item do tipo Form,
para debaixo das tags <h1> do
Editor, aparece então a caixa de diálogo
Insert
Form (Inserir Form):
Defina os seguintes valores:
Action:
response.jsp
Method:
GET
Name:
Name Input Form
Clique OK. O Form
é adicionado ao ficheiro index.jsp.
Arraste um item do
tipo Text Input (Caixa de Texto) para logo antes da tag </form>.
Defina os seguintes
valores:
Name:
name
Type:
text
Clique OK. A Caixa de
Texto é adicionada entre as tags <form>.
Arraste um item do
tipo Button (Botão) para logo antes da tag </form>.
Defina os seguintes
valores:
Label:
OK
Type:
submit
Clique OK. O
Botão é adicionado entre as tags <form>.
Escreva Enter
your name: à frente da tag <input>
e altere o texto que se encontra entre as tags <h1>
do Entry Form.
As tags entre as tags
do <body> devem agora assemelhar-se
a algo do género:
<h1>Entry Form</h1><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>
Criar um Ficheiro
JavaServer Pages
Expanda o
nó do projecto HelloWeb e o nó Web Pages.
Clique com o
botão direito no nó Web Pages e escolha New
> JSP (Novo > JSP), altere o nome do ficheiro JavaServer
Pages para response, e clique Finish. O novo response.jsp
abre então no Editor de Código.
Na Paleta do lado
direito do Editor, expanda JSP e arraste um item do tipo Use Bean, para
baixo da tag <body> no Editor de
Código.
Defina os seguintes
valores:
ID:
mybean
Class:
org.me.hello.NameHandler
Scope:
session
Clique OK. O item Use
Bean é adicionado abaixo da tag <body>.
Adicione um item do
tipo Get Bean Property e outro do tipo Set Bean Property, a partir da
Paleta. Em seguida altere o código, de forma a que as tags
entre as tags do <body> se
assemelhem a algo do género:
Compilar e Executar um Projecto do Tipo
Aplicação
Web
O IDE utiliza um script
Ant para
compilar e executar as suas aplicações web. O IDE
cria
este script, com base nas opções que
você
inserir no wizard de Novo Projecto “New Project
wizard” e
também na caixa de diálogo das Propriedades do
Projecto
“Project Properties”.
Escolha
“Run >
Run Main Project” (F6) (Executar >
Executar Projecto Principal) a partir do menu Run.
O IDE compila a
aplicação web e coloca-a em
execução, utilizando o servidor especificado
aquando da criação do projecto.
Insira o seu nome na
caixa de texto que colocou na página index.jsp:
Clique OK. A
página response.jsp deverá
abrir e mostrar-lhe uma saudação:
Para enviar
comentários ou
sugestões, obter ajuda, e manter-se informado dos
últimos
acontecimentos, no desenvolvimento de funcionalidades Java EE para o
NetBeans IDE, subscreva a lista de discussão
Para mais informação sobre
desenvolvimentos futuros do Java EE no NetBeans IDE, veja
http://j2ee.netbeans.org/.
