< Anterior | Próximo >

Lição 5: Criar uma Página da Web

Nesta lição, você criará uma página da Web no formulário de um arquivo JSP Faces. Na próxima lição, você incluirá dados nesta página usando as partes e funções de dados criados na lição anterior. Quando a página for concluída, mostrará uma lista de cada registro no banco de dados.
Este tutorial usa a tecnologia JavaServer Faces (JSF). O JSF oferece uma estrutura para desenvolver interfaces com o usuário para aplicativos da Web. As páginas da Web no JSF são JavaServer pages (JSPs). JSPs contêm controles JavaServer que podem ser usados para incorporar código Java na página, oferecendo conteúdo dinâmico.

Criar o Arquivo JSP a partir de um Modelo

  1. Na visualização do Enterprise Explorer, clique com o botão direito do mouse na pasta WebContent no projeto EGLWeb e clique em Nova > Página da Web. É importante selecionar o local onde você deseja colocar novos arquivos; caso contrário, os novos arquivos podem não aparecer no local esperado. A janela Nova Página da Web é aberta.
  2. No campo Nome do Arquivo, digite este nome do arquivo, incluindo a extensão:
    allcustomers.jsp
  3. Certifique-se de que o campo Pasta liste a pasta /EGLWeb/WebContent.
  4. Na lista Modelo, expanda Modelos de Amostra e clique em Família A (sem navegação). Os modelos de página da Web simples nessa categoria são mostrados na caixa Visualização.
  5. Na caixa Visualizar, clique no modelo A_gray.htpl.
  6. Certifique-se de que a caixa de opção Vincular página ao modelo esteja marcada.

    A janela Nova Página da Web é semelhante a esta:

    Tela Novo Arquivo JSP do Faces

  7. Clique em Concluir. O novo arquivo JSP do Faces é aberto no editor.
  8. Clique em Design para exibir a visualização de design na janela integral do editor. Você pode ver a visualização Rastreio JSF à direita da janela do editor. O Eclipse cria essa visualização por padrão, compartilhando espaço com a visualização Paleta e outras. Você não precisa da visualização Rastreio JSF para este tutorial. É possível fechá-la clicando no X na guia.
    A visualização Rastreio JSF pode mostrar um triângulo de aviso amarelo.
    Normalmente, você deseja exibir a Paleta nesta visualização. Você pode precisar clicar na seta dupla pequena e selecionar a visualização Paleta a partir de um menu:
    Selecionando a visualização Paleta.
  9. No novo arquivo allcustomers.jsp, remova o texto padrão que diz "Coloque o conteúdo da página aqui" e o substitua com o seguinte texto:
    Lista de todos os clientes
  10. Pressione Enter três vezes para inserir linhas em branco. Essas linhas liberam espaço para que você inclua conteúdo nesta página na lição seguinte.

    A página é semelhante a esta:

    Aparência da Página

  11. Salve o arquivo.

Visualizar a Página da Web no Servidor

Nenhum dado do banco de dados está na página da Web ainda, mas é possível executar o arquivo JSP no servidor de aplicativos da Web e ver a aparência da página até agora. Esta é uma etapa importante, pois garante que o servidor de aplicativos esteja funcionando corretamente antes que a página fique complicada.
  1. Certifique-se de que o servidor de aplicativos tenha sido iniciado. O nome do servidor deve estar visível na visualização Servidores (localizada por padrão na visualização do Editor). O servidor deve mostrar as palavras Iniciado e Sincronizado nos colchetes após o nome. Se não, clique com o botão direito do mouse no nome do servidor e clique em Iniciar. O processo de início pode levar alguns minutos.
    O WebSphere Application Server foi iniciado e sincronizado
  2. Na visualização do Enterprise Explorer, expanda a pasta EGLWeb/WebContent, se necessário. Clique com o botão direito do mouse no arquivo allcustomers.jsp e clique em Executar Como > Executar no Servidor. A janela Definir um Novo Servidor é aberta.
  3. Na janela Definir um Novo Servidor, selecione seu servidor.
  4. Selecione a caixa de opção Sempre usar este servidor ao executar este projeto.
    O servidor está selecionado.
  5. Clique em Concluir.

A página da Web é aberta em um navegador da Web dentro do ambiente de trabalho. A página é semelhante a:

Aparência da página no navegador da Web interno

Se você visualizar uma mensagem de erro HTTP 404 (página não localizada), reinicie o servidor e atualize a janela do navegador.

Se você preferir usar um navegador da Web externo, poderá copiar a URL a partir do navegador da Web dentro do ambiente de trabalho e colar essa URL no campo de endereço do navegador externo.

O Eclipse pode exibir novamente a visualização Rastreio JSF. É possível remover permanentemente a visualização rolando para baixo até localizar um link que diz Não abrir novamente e clicando nesse link.
Opções para trabalhar com a visualização Rastreio JSF.

Esta página não contém dados ainda. Na próxima lição, você incluirá dados nesta página usando o EGL.

< Anterior | Próximo >

Feedback