Exercício 2.1: Importando os Recursos Necessários

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.

Importando o Arquivo de Projeto de Amostra

Mostre-me

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.

  1. Na barra de menus, selecione Arquivo > Importar. A janela Import é aberta.
  2. Em Selecionar uma origem de importação, clique em Intercâmbio de Projeto.
  3. Clique em Avançar. A janela Importar Conteúdo de Intercâmbio de Projeto é aberta.
  4. Próximo a De arquivo zip, clique em Procurar e navegue para o seguinte diretório: <installdir>/rwd/eclipse/plugins/com.ibm.etools.webtools.tutorial.doc/resources, em que <installdir> é o seu diretório de instalação.
  5. Selecione module2.zip como o destino da importação e clique em Abrir.
  6. Clique em Selecionar Tudo.
  7. Clique em Concluir. O assistente importa o projeto para o espaço de trabalho. Você pode não ver o projeto imediatamente porque é preciso estar na Perspectiva Web para vê-lo corretamente.

Comutando para a Perspectiva Web

Mostre-me

A Perspectiva Web é a perspectiva que será utilizada durante este tutorial. Siga estas etapas para comutar para a Perspectiva Web:

  1. Na barra de menus, selecione Janela > Abrir Perspectiva > Outra. O diálogo Selecionar Perspectiva é aberto.
  2. Clique em Web.
  3. Clique em OK. Agora você está na Perspectiva da Web. Agora é possível ver o novo projeto e seus recursos na visualização Project Explorer:
    Explorador de Projetos Depois de Importar o Arquivo PI

Definindo o Servidor de Destino para o Projeto Dinâmico da Web

Mostre-me

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.

  1. Na visualização Explorador de Projetos, expanda Aplicativos Corporativos.
  2. Clique com o botão direito do mouse em ClassifiedsTutorialEAR e, em seguida, clique em Propriedades no menu pop-up. A janela Propriedades é aberta.
  3. No lado esquerdo da janela Propriedades, clique em Servidor.
  4. Na lista Tempo de Execução de Destino, escolha o servidor que será utilizado para este tutorial. Você pode escolher o WebSphere Application Server v6.0 ou WebSphere Application Server v5.1.

    Importante: Lembre-se do servidor escolhido. Você precisará dessa informação em exercícios posteriores.

  5. Clique em OK.

    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:

    1. Feche o workbench.
    2. Execute o programa de instalação do Rational Software Development Platform.
    3. No menu de instalação, escolha a opção para instalar o servidor que você deseja utilizar.
    4. Quando o servidor estiver instalado, abra o workbench.
    5. Clique com o botão direito do mouse em ClassifiedsTutorialEAR e, em seguida, clique em Propriedades no menu pop-up.
    6. No lado esquerdo da janela Propriedades, clique em Servidor.
    7. Na lista Tempo de Execução de Destino, escolha o servidor que será utilizado para este tutorial. Você pode escolher o WebSphere Application Server v6.0 ou WebSphere Application Server v5.1.
    8. Clique em OK.

Configurando a Conexão com o Banco de Dados

Mostre-me

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:

  1. Na visualização Explorador de Projetos, expanda Projetos Dinâmicos da Web > ClassifiedsTutorial > WebContent.
  2. Na pasta WebContent, dê um clique duplo no arquivo all_records.jsp. Essa página da Web é aberta no editor.
  3. Na visualização Dados da Página, dê um clique duplo em all_recordlist (Objeto de Dados do Serviço). A janela Configurar Lista de Registros Relacionais é aberta.

    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á.

  4. Na janela Configurar Lista de Registros Relacionais, clique na guia Conexões.
  5. Clique em New. A janela Nova Conexão será aberta.
  6. Clique em Criar Nova Conexão com o BD. A janela Nova Conexão com o Banco de Dados será aberta.
  7. Clique em Avançar.
  8. Clique no botão Procurar no início da página. Este é o botão Procurar próximo a Local do Banco de Dados. A janela Procurar Pasta é aberta
  9. Em Selecionar um diretório do banco de dados, navegue até o seguinte diretório: <pasta-espaço-trabalho>\ClassifiedsTutorial\WebContent\cloudscapesampledata\database, em que <pasta-espaço-trabalho> é o diretório que contém o espaço de trabalho no qual você está trabalhando atualmente.
  10. Clique na pasta database e, em seguida, clique em OK.
  11. 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:

    Janela Nova Conexão com o Banco de Dados
  12. Clique em Concluir. Você retorna para a janela Nova Conexão.
  13. Na janela Nova Conexão, clique em Concluir. Você retorna à janela Configurar Lista de Registros Relacionais.
  14. Clique em Fechar.

Sobre os Arquivos Utilizados Neste Tutorial

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:

Agora você está pronto para iniciar o Exercício 2.2: Formatando uma Tabela de Dados.

Termos de Uso | Feedback
(C) Copyright IBM Corporation 2000, 2004. Todos os Direitos Reservados.