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.

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 do 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 Habilidade

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:

IBM WebSphere Application Server versões 6.0, 6.1 e 7.0

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.