Neste tutorial, você criará um aplicativo simples utilizando o modelo de programação JavaServer Faces. Consumindo classes Java para criar o modelo de dados Faces Client e utilizando a funcionalidade arrastar e soltar para incluir controles na página, é possível desenvolver rapidamente um aplicativo avançado. Nós construiremos uma página JSP (JavaServer Pages) contendo quatro componentes: três componentes Faces Client (uma Grade Dados, uma Árvore e um Gráfico) e 1 componente Faces (um Painel Tabulado). O aplicativo que você construirá é um site de gerenciamento de portfólio de ações simples que rastreará ações individuais dos clientes de diferentes maneiras.
Tempo Necessário
Para concluir este tutorial, você precisará de aproximadamente
1 hora e 45 minutos. Entretanto, você pode concluir qualquer um dos módulos separadamente, se desejar.
Se você optar por explorar outras facetas dos componentes Faces Client enquanto trabalha
no tutorial, poderá levar mais tempo para concluí-lo.
Pré-requisitos
Para concluir este tutorial, você deve estar familiarizado com os seguintes assuntos:
- Conceitos básicos de design Web, tais como Web sites, páginas, navegadores e servidores
- Como criar uma página da Web estática simples
- Os elementos de uma página da Web, tais como tabelas, hyperlinks, formulários e imagens
- Termos do banco de dados, tais como tabelas, registros, colunas e campos
Também será útil se você tiver compreensão destes assuntos:
- Como utilizar as perspectivas e visualizações do ambiente de workbench
- Os conceitos sob as tecnologias JSP (JavaServer Pages) e JavaServer Faces
Objetivos do Aprendizado
Este tutorial é dividido em três módulos.
Você pode optar por concluir um ou todos os módulos, em qualquer ordem. Cada módulo contém
vários exercícios que devem ser concluídos em seqüência.
Módulo 1: Entendendo os Componentes Faces Client ensina sobre os componentes Faces Client e como utilizar melhor os diferentes componentes em seu aplicativo da Web. Neste módulo, você irá:
- Aprender sobre o Faces Client
- Distinguir entre três componentes: Grade de Dados, Árvore e Gráfico
- Percorrer um aplicativo de amostra que utiliza vários componentes Faces Client
Módulo 2: Trabalhando com uma Grade de Dados ensina a utilizar um componente Grade de Dados do Faces Client para trabalhar com o lado cliente de dados sem que seja exigida a atualização da página. Neste módulo, você irá:
- Revisar dados do lado do servidor e do lado cliente
- Inserir e configurar um componente Grade de Dados
- Ligar o componente a dados de cliente
- Personalizar as colunas
- Implementar rotinas de tratamento do lado cliente
- Remover a estrutura de dados
- Testar o arquivo JSP no servidor
Módulo 3: Incluindo os Componentes Painel Tabulado, Árvore e Gráfico ensina a exibir dados nos componentes Árvore, Painel Tabulado e Gráfico. Neste módulo, você irá:
- Complementar os componentes Faces Client com um componente Painel Tabulado do Faces para fornecer mais de uma visualização de seus dados
- Inserir e configurar um componente Árvore do Faces Client para exibir dados hierárquicos
- Inserir e configurar um componente Gráfico do Faces Client para exibir dados em um gráfico de setores circulares, de diagrama ou de linhas
- Testar o arquivo JSP no servidor