Antes de iniciar, você precisa concluir o Exercício 1.1: Importando os Recursos Necessários.
O Web site da amostra 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 a caixa Incluir controles de dados estiver marcada, o assistente criará uma tabela de dados para exibir a lista de registros na página. Caso contrário, o assistente somente criará a lista de registros e não criará nenhuma representação desses dados na página. Por ora, o assistente criará a tabela de dados padrão e você a personalizará mais tarde. A janela Incluir Lista de Registros Relacionais deve ser semelhante a esta:
O diálogo Nova Conexão aparece. Observe que o campo 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 Nova Conexão com o Banco de Dados. Neste caso, você especificará o banco de dados Cloudscape que foi incluído no arquivo importado no exercício 1.1. Depois de criada, esta conexão será utilizada para todo o Web site, portanto, você somente precisará fazer isso uma vez para este tutorial.
Não é necessário incluir um ID do usuário ou senha para acessar o banco de dados. A janela Nova Conexão com o Banco de Dados deve ser semelhante a esta:
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. A janela 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 Janela > Mostrar Visualização > Propriedades.
Sua página agora deverá 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.