Antes de iniciar, você precisa concluir o Exercício 1.1: Importando os Recursos Requeridos.
O Web site neste tutorial utiliza páginas dinâmicas da Web para acessar origens de dados, como bancos de dados, e exibir informações dessas origens de dados na página. Neste exercício, você irá configurar a página all_records.jsp para exibir todos os anúncios classificados no banco de dados. Nos próximos exercícios, você irá conectar as outras páginas ao banco de dados para poder criar novos anúncios classificados, editar anúncios antigos e mostrar uma lista filtrada de anúncios.
Este tutorial utiliza dois componentes que conectam páginas a bancos de dados utilizando
Java Server Faces: registros relacionais e listas de registros relacionais. Esses componentes
representam os dados em um banco de dados para que os dados possam ser exibidos na página
em forma de uma tabela de dados ou de uma tabela HTML comum. Esses componentes utilizam
JavaBeans de acesso a dados; Aprender Mais sobre Beans de Acesso a Dados ou Aprender Mais sobre JavaServer Faces e Componentes Faces.
Os registros relacionais conectam-se a somente um registro de um banco de dados. Neste caso, um registro relacional representa um único anúncio classificado do banco de dados da amostra.Utilizando um registro relacional, é possível criar um novo registro, editar um registro existente ou excluir um registro antigo.
As listas de registros relacionais conectam-se a mais de um registro de um banco de dados. Neste caso, uma lista de registros relacionais representa de dois a todos os anúncios classificados no banco de dados da amostra. Utilizando uma lista de registros relacionais, é possível exibir todos os registros ou uma seleção dos registros.
Nestas etapas, você criará uma lista de registros relacionais para representar todos os anúncios classificados no banco de dados. Em seguida, você se conectará ao banco de dados e selecionará a tabela que contém as informações de que você necessita na lista de registros relacionais. Por último, você exibirá essa lista de registros relacionais na página em uma tabela de dados.
Você pode ser avisado para salvar o arquivo all_records.jsp. Neste caso, clique em OK.
A janela Incluir Lista de Registros Relacionais é aberta.
Os nomes de listas de registros relacionais e de registros relacionais devem respeitar as convenções de nomenclatura padrão Java para nomes de variáveis (por exemplo, não podem conter espaços).
Quando Add data controls (Incluir Controles de Dados) for selecionado, o assistente criará uma tabela de dados para exibir a lista de registros na página. Caso contrário, o assistente criará somente a lista de registros e não uma representação dos dados na página. No momento, o assistente criará a tabela de dados padrão e você a personalizará posteriormente. A janela Incluir Lista de Registros Relacionais deve ser semelhante a esta:
O diálogo New Connection (Nova Conexão) aparece. Observe que o campo Connection name (Nome da conexão) é preenchido automaticamente com o nome ClassifiedsTutorial_Con1.
É preciso instruir à lista de registros onde localizar os dados que você deseja que ela represente. Isso é feito com a janela New Database Connection (Nova Conexão com o Banco de Dados). Nesse caso, você especificará o banco de dados Cloudscape incluso no arquivo que você importou no exercício anterior. Depois de criada, esta conexão será utilizada para todo o Web site, portanto, você somente precisará fazer isso uma vez para este tutorial.
<workspace>\ClassifiedsTutorial\WebContent\cloudscapesampledata\database
Em que <workspace> é o diretório que contém o espaço de trabalho no qual você está trabalhando atualmente.
Não é necessário incluir um ID do usuário ou senha para acessar o banco de dados. O assistente New Database Connection (Nova Conexão com o Banco de Dados) deve ser semelhante a:
Agora que você criou uma conexão com o banco de dados Cloudscape, é necessário escolher uma tabela ou a lista de registros a ser representada. O assistente Add Relational Record List (Incluir Lista de Registros Relacionais) mostra as tabelas no banco de dados. Para a maior parte deste tutorial, você utilizará a tabela W5SAMPLE.ADS.
A visualização Dados da Página mostra agora uma lista de colunas na tabela ADS, e o arquivo all_records.jsp contém a visualização desses dados dentro de uma tabela de dados. Neste momento, a tabela de dados padrão contém as demais informações. Para este tutorial, é necessário mostrar somente o título, a descrição, a categoria, o preço e o número de telefone de cada anúncio classificado. Siga estas etapas para ajustar e reorganizar a tabela de dados:
A visualização Propriedades em geral está no centro da parte inferior do workbench. Se você não conseguir localizar a visualização Propriedades, vá para a barra de menus e clique em Window (Janela) > Show View (Mostrar Visualização) > Properties (Propriedades).
Sua página agora deve ser semelhante a esta:
A ordem das colunas não é apropriada para um anúncio Classificado. Esta ordem será mais significativa:
No próximo exercício, Exercício 1.3: Testando o Web Site, você verá como esta página aparecerá num servidor da Web real.
Existem muitas opções para formatar tabelas de dados e componentes JavaServer Faces. Algumas dessas opções são abrangidas no próximo módulo, Módulo 2: Incluindo Recursos Avançados. Você também pode explorar a visualização Propriedades por conta própria para descobrir os diversos componentes JavaServer Faces na página (por exemplo, a tabela de dados e os componentes de saída individuais).
Você está pronto para iniciar o Exercício 1.3: Testando o Web Site.