Se você estiver começando o trabalho neste tutorial com o módulo 2 (sem fazer o módulo 1 primeiro), precisará primeiro importar os recursos necessários.
Se você já concluiu o Módulo 1: Criando Páginas da Web com Conexões de Dados e tiver o Web site criado nesse módulo, não será necessário concluir este exercício. Você pode começar a trabalhar no Exercício 2.2: Formatando uma Tabela de Dados.
As páginas da Web de base e o banco de dados de amostra para este tutorial estão incluídos em um arquivo ZIP. Estas etapas instruem como abrir esse arquivo ZIP para poder utilizar essas páginas e o banco de dados.Não é necessário extrair esse arquivo se você já tiver concluído o módulo 1 deste tutorial.
A Perspectiva Web é a perspectiva que será utilizada durante este tutorial. Siga estas etapas para comutar para a Perspectiva Web:
Este tutorial pode ser executado com o WebSphere Application Server v6.0 ou WebSphere Application Server v5.1. É possível escolher o servidor que você mais pretende utilizar ou o servidor que seus outros projetos utilizam. Este tutorial funcionará da mesma maneira independentemente do servidor escolhido, mas você deve utilizar o mesmo servidor durante todo o tutorial.
Importante: Lembre-se do servidor escolhido. Você precisará dessa informação em exercícios posteriores.
Se o servidor que você deseja utilizar não estiver na lista Tempo de Execução de Destino ou não existir nenhum servidor nessa lista, siga estas etapas para instalar um servidor:
O arquivo de Intercâmbio de Projeto que você acabou de importar inclui o banco de dados de amostra necessário para este tutorial, junto com as páginas da Web relacionadas no final deste exercício. Antes de poder utilizar esse banco de dados, é preciso conectar as páginas da Web ao banco de dados, instruindo às páginas onde localizar o banco de dados no computador. Siga estas etapas para conectar as páginas da Web ao banco de dados:
A visualização Dados da Página está normalmente no canto inferior esquerdo do workbench. Se você não conseguir localizar a visualização Dados da Página, clique em Janela > Mostrar Visualização > Dados da Página e ela aparecerá.
Não é necessário incluir um ID do usuário ou senha para acessar o banco de dados. A janela Nova Conexão com o Banco de Dados deve ser semelhante a esta:
Você pode agora navegar pelos arquivos no projeto da Web do tutorial. Para abrir um arquivo,
dê um clique duplo nele na visualização Project Explorer. Também é possível clicar
no ícone de .website-config na visualização Project
Explorer para ver uma representação semelhante a um mapa de
como as páginas estão relacionadas.
A finalidade do site é exibir anúncios classificados como os de um jornal, e cada arquivo tem uma função para ajudar a atingir esse objetivo. Embora existam muitos recursos no projeto (tais como imagens, arquivos de código e arquivos de configuração), os cinco arquivos a seguir, as páginas da Web reais no projeto, são os mais importantes:
Esta é a home page do site. Ela exibe todos os anúncios classificados no banco de dados.
Esta página funciona como uma página de resultados de pesquisa, exibindo somente os registros na categoria que o usuário escolher.
Esta página cria um novo anúncio classificado.
Esta página altera os detalhes sobre um anúncio no banco de dados ou o exclui.
Este é o gabarito para as páginas do site. Inclui elementos como a tabela e o banner "Bem-vindo aos Classificados" cinza que estão em todas as páginas. Essa página também tem duas guias de navegação abaixo do banner cinza que levam à home page e à página de novo anúncio classificado.
Agora você está pronto para iniciar o Exercício 2.2: Formatando uma Tabela de Dados.