Exibir Informações Dinâmicas em Páginas da Web com JavaServer Faces

Este tutorial ensina como projetar um Web site dinâmico que funciona como uma seção de anúncios classificados de um jornal. O Web site é um aplicativo da Web J2EE que utiliza componentes do JSF (JavaServer Faces) e do SDO (Service Data Objects). Este aplicativo utiliza tecnologia JSF para criar páginas da Web dinâmicas que sejam vinculadas a um banco de dados que armazena dados de anúncios classificados. Arrastando componentes do JSF para suas páginas, você pode criar um aplicativo da Web JSF conhecido como aplicativo CRUD, porque ele pode criar, ler, atualizar e excluir registros de um banco de dados. Os usuários do site podem utilizar essas funções para gerenciar os anúncios classificados no banco de dados.

Este tutorial pode, opcionalmente, requerer alguns componentes instaláveis. Para assegurar-se de que você tenha instalado os componentes opcionais apropriados, consulte a lista Requisitos do Sistema.

Ao concluir este tutorial, os usuários do site podem não apenas visualizar os itens para venda, mas também incluir novos itens, alterar detalhes sobre os itens (por exemplo, o preço ou descrição) ou buscar um item específico. Embora esse site tutorial seja simplificado, os princípios e as tecnologias envolvidos também são utilizados em Web sites muito maiores e mais complicados.

Objetivos de Aprendizado

Este tutorial é dividido em dois módulos, cada um com seus próprios objetivos de aprendizagem. Você pode escolher por concluir qualquer dos módulos, ou ambos. Dentro de cada módulo, você precisará completar os exercícios para que o Web site funcione corretamente.

Módulo 1: Criar Páginas da Web com Conexões de Dados

Este módulo ensina como configurar uma conexão com um banco de dados e exibir as informações do banco de dados em uma página da Web. Neste módulo, você irá:

Conectar páginas da Web a um banco de dados.
Criar páginas que exibem, criam, editam e excluem registros do banco de dados.
Enviar dados de uma página para outra

Módulo 2: Incluir Recursos Avançados

Este módulo ensina maneiras mais poderosas de utilizar dados de um banco de dados. Neste módulo, você irá:

Formatar registros de banco de dados em uma página da Web
Incluir um componente que permite o upload de arquivos para um banco de dados a partir de uma página da Web
Navegar de página para página automaticamente
Automatizar algumas tarefas de administração do banco de dados

Quando estiver pronto, comece o Módulo 1: Criando Páginas da Web com Conexões de Dados.

Tempo Necessário

Total: 3 horas e 30 minutos

Módulo 1: 2 horas

Módulo 2: 1 hora e 30 minutos

Nível de Conhecimento

Intermediário

Público

Desenvolvedores de aplicativo da Web, designers de interface com o usuário da Web

Requisitos do Sistema

Para concluir este tutorial, primeiramente você deve instalar e configurar um servidor de tempo de execução. Este tutorial foi testado com os seguintes servidores:

WebSphere Application Server 6.1

Para obter informações sobre a implementação de SDOs em servidores que não sejam WebSphere Application Servers, consulte o Tópico da Ajuda: Implementando SDOs em Servidores Não-WAS.

Este tutorial pode requerer alguns recursos que não foram iniciados durante a instalação do produto. Se não for possível localizar as opções da interface com o usuário descritas no tutorial, assegure-se de que ativou os recursos apropriados (Janela (Window) > Preferências (Preferences) > Recursos (Capabilities)). Para concluir este tutorial, serão necessários os seguintes recursos:

Java Developer
Desenvolvedor da Web (típico)
Desenvolvedor XML
Desenvolvedor de Banco de Dados
Enterprise Java Developer
Dados

Para utilizar esse tutorial, você deve ter um servidor de aplicativos instalado e configurado. Para verificar se um ambiente de tempo de execução do servidor está disponível, clique em Janela > Preferências, expanda Servidor e, em seguida, clique em Tempos de Execução Instalados. Você pode utilizar essa área de janela para incluir, remover ou editar definições de tempo de execução do servidor instaladas. É possível também fazer download e instalar o suporte de um servidor novo.

Pré-requisitos

Para concluir este tutorial, é necessário estar familiarizado com:

Conceitos básicos de design da Web, como Web sites, páginas da Web, navegadores e servidores.
Como criar uma página da Web estática simples.
Os elementos de uma página da Web, como tabelas, hyperlinks, formulários e imagens.
Termos de banco de dados, como tabelas, registros, colunas e campos.

Ele também o ajudará a entender:

Como utilizar as perspectivas e visualizações do ambiente de trabalho.
Como editar o código HTML para uma página da Web.

Resultados Esperados

Quando o aplicativo da Web for concluído, a página inicial será parecida com a imagem exibida a seguir. A navegação do Web site que é incluída às páginas da Web através do modelo do site vincula às páginas, que permitem criar uma nova propaganda ou visualizar todas as propagandas. A ação de linha na tabela exibida abaixo leva-o a uma página de atualização onde é possível alterar as informações associadas a uma propaganda particular.