Criar páginas mestre e detalhadas no Dreamweaver

Para criar uma página em branco, selecione Arquivo > Novo > Página em branco, selecione um tipo de página e clique em Criar. Essa se torna a página mestre.

Defina um conjunto de registros.

No painel Vínculos (Janela > Vínculos), clique no botão Mais (+), selecione Recordset e escolha opções. Caso você queira escrever sua própria instrução SQL, clique em Avançado.

Verifique se o recordset contém todas as colunas de tabela necessárias para criar a página principal. O recordset também deve incluir a coluna de tabela contendo a chave exclusiva de cada registro, ou seja, a coluna de ID do registro. No exemplo a seguir, a coluna Código contém a chave exclusiva de cada registro.

Normalmente, o recordset na página principal extrai algumas colunas de uma tabela de banco de dados enquanto o recordset na página de detalhes extrai mais colunas da mesma tabela para fornecer detalhes extras.

O recordset pode ser definido pelo usuário no momento da execução. Para mais informações, consulte Criação de páginas de pesquisa e resultados.

Insira uma tabela dinâmica para exibir os registros.

Posicione o ponto de inserção onde deseja que a tabela dinâmica apareça na página. Selecione Inserir > Objetos de dados > Dados dinâmicos > Tabela dinâmica, defina as opções e clique em OK.

Se você não quiser mostrar IDs de registro aos usuários, poderá excluir a coluna da tabela dinâmica. Clique em qualquer lugar da página para mover o foco para a página. Mova o cursor próximo à parte superior da coluna na tabela dinâmica até que as células da coluna sejam contornadas em vermelho e clique para selecionar a coluna.Pressione a tecla Delete para excluir a coluna da tabela.

Na tabela dinâmica, selecione o espaço reservado de conteúdo para o texto que servirá como link.

No inspetor de propriedades, clique no ícone da pasta ao lado da caixa de link.

Procure e selecione a página detalhada. A página de detalhes aparece na caixa Link no Inspetor de propriedades.

Na tabela dinâmica, o texto selecionado é exibido com o link. Quando a página é executada no servidor, o link é aplicado ao texto em cada linha de tabela.

Na página mestre, selecione o link na tabela dinâmica.

(ColdFusion) Na caixa Link no Inspetor de propriedades, adicione a seguinte string ao final da URL:

?recordID=#recordsetName.fieldName#

O ponto de interrogação informa ao servidor que o que segue são um ou mais parâmetros de URL. A palavra recordID é o nome do parâmetro de URL (você pode criar qualquer nome que desejar). Anote o nome do parâmetro de URL porque você o usará na página de detalhes mais tarde.

A expressão após o sinal de igual é o valor do parâmetro.Neste caso, o valor é gerado por uma expressão do ColdFusion que retorna um ID de registro do conjunto de registros.Um ID diferente é gerado para cada linha na tabela dinâmica. Na expressão ColdFusion, substitua recordsetName pelo nome do conjunto de registros e substitua fieldName pelo nome do campo no conjunto de registros que identifica exclusivamente cada registro. Na maioria dos casos, o campo consistirá em um número de ID de registro. No exemplo a seguir, o campo consiste em códigos de localização exclusivos.

locationDetail.cfm?recordID=#rsLocations.CODE#

Quando a página é executada, os valores do campo CODE do conjunto de registros são inseridos nas linhas correspondentes na tabela dinâmica. Por exemplo, se o local de aluguel de Canberra, Austrália, tiver o código CBR, a seguinte URL é usada na linha de Canberra na tabela dinâmica:

locationDetail.cfm?recordID=CBR

(PHP) No campo Link no Inspetor de propriedades, adicione a seguinte string ao final da URL:

?recordID=<?php echo $row_recordsetName['fieldName']; ?>

O ponto de interrogação informa ao servidor que o que segue são um ou mais parâmetros de URL. A palavra recordID é o nome do parâmetro de URL (você pode usar qualquer nome). Anote o nome do parâmetro de URL porque você vai usá-lo na página de detalhes depois.

A expressão depois do sinal de igual é o valor do parâmetro. Neste caso, o valor é gerado por uma expressão PHP que retorna um ID de registro do recordset.Um ID diferente é gerado para cada linha na tabela dinâmica.Na expressão PHP, substitua recordsetName pelo nome do recordset e substitua fieldName pelo nome do campo no recordset que identifica exclusivamente cada registro. Na maioria dos casos, o campo consistirá em um número de ID de registro.No exemplo a seguir, o campo consiste em códigos de localização exclusivos.

locationDetail.php?recordID=<?php echo $row_rsLocations['CODE']; ?>

Quando a página é executada, os valores do campo CODE do recordset são inseridos nas linhas correspondentes na tabela dinâmica. Por exemplo, se a localização de aluguel de Canberra, Austrália, tem o código CBR, a seguinte URL é usada na linha de Canberra na tabela dinâmica:

locationDetail.php?recordID=CBR

Salve a página.

Selecione o conteúdo dinâmico para usar como link.

No painel Comportamentos do servidor (Janela > Comportamentos do servidor), clique no botão Mais (+) e selecione Ir para página de detalhes no menu pop-up.

Na caixa Página detalhada, clique em Procurar e localize a página.

Especifique o valor que deseja passar para a página de detalhes selecionando um conjunto de registros e uma coluna nos menus pop-up Conjunto de registros e Coluna.Normalmente o valor é exclusivo para o registro, como a chave ID exclusiva do registro.

Se desejar, passe parâmetros de página existentes para a página de detalhes selecionando as opções URL Parameters ou Form Parameters.

Clique em OK.

Um link especial contorna o texto selecionado. Quando o usuário clica no link, o comportamento de servidor Go To Detail Page passa um parâmetro de URL contendo o ID do registro para a página de detalhes.Por exemplo, se o parâmetro de URL se chama id e a página de detalhes se chama customerdetail.asp, a URL fica parecida com a seguinte quando o usuário clica no link:

http://www.mysite.com/customerdetail.asp?id=43

A primeira parte da URL, http://www.mysite.com/customerdetail.asp, abre a página de detalhes. Já a segunda parte, ?id=43, é o parâmetro do URL. Ela informa à página detalhada qual registro localizar e exibir. O termo id é o nome do parâmetro de URL e 43 é seu valor. Neste exemplo, o parâmetro de URL contém o número de ID do registro, 43.

Alterne para a página detalhada. Se você ainda não tem uma página de detalhes, crie uma página em branco (Arquivo > Novo).

No painel Vínculos (Janela > Vínculos), clique no botão Mais (+) e selecione Conjunto de registros (Consulta) ou Conjunto de dados (Consulta) no menu pop-up.

A caixa de diálogo Conjunto de registros ou Conjunto de dados simples é exibida. Se a caixa de diálogo avançada aparecer, clique em Simples.

Nomeie o conjunto de registros e selecione uma fonte de dados e a tabela do banco de dados que fornecerá dados ao conjunto de registros.

Na área Colunas, selecione as colunas da tabela para incluir no conjunto de registros.

O conjunto de registros pode ser idêntico ou diferente do conjunto de registros na página principal. Normalmente um conjunto de registros da página de detalhes tem mais colunas para exibir mais detalhes.

Se os conjuntos de registros forem diferentes, certifique-se de que o conjunto de registros na página de detalhes contenha ao menos uma coluna em comum com o conjunto de registros na página principal. A coluna comum normalmente é a coluna de ID do registro, mas também pode ser o campo de junção de tabelas relacionadas.

Para incluir apenas algumas das colunas da tabela no conjunto de registros, clique em Selecionadas e escolha as colunas desejadas mantendo pressionada a tecla Ctrl (Windows) ou Command (Macintosh) ao clicar nelas na lista.

Complete a seção Filtro para localizar e exibir o registro especificado no parâmetro de URL passado pela página principal:

• No primeiro menu pop-up na área Filtro, selecione a coluna no conjunto de registros que contém valores que combinem com o valor do parâmetro de URL passado pela página principal. Por exemplo, se o parâmetro de URL contém um número de ID do registro, selecione a coluna que contém números de ID do registro. No exemplo discutido na seção anterior, a coluna do conjunto de registros chamada CODE contém os valores que combinam com o valor do parâmetro de URL passado pela página principal.

• No menu pop-up ao lado do primeiro menu, selecione o sinal de igual (já deve estar selecionado).

• No terceiro menu pop-up, selecione Parâmetro do URL. A página principal usa um parâmetro de URL para passar informações para a página de detalhes.

• Na quarta caixa, insira o nome do parâmetro de URL passado pela página principal.

Clique em OK. O conjunto de registros é exibido no painel Ligações.

Vincule as colunas do conjunto de registros à página de detalhes selecionando as colunas no painel Vínculos (Janela > Vínculos) e arrastando-as para a página.

Após fazer upload das páginas principal e de detalhes para o servidor, você pode abrir a página principal em um navegador. Após clicar em um link de detalhes na página principal, a página de detalhes abre com mais informações sobre o registro selecionado.

Crie uma página que tenha os seguintes pré-requisitos:

• Um ID de registro contido em um parâmetro de URL passado por outra página para a página atual. Você pode criar parâmetros de URL na outra página com hiperlinks HTML ou com um formulário HTML.Para mais informações, consulte Uso de formulários para coletar informações de usuários.

• Um conjunto de registros definido para a página atual. O comportamento do servidor extrai os detalhes do registro deste conjunto de registros. Para obter instruções, consulte Definir um conjunto de registros sem escrever SQL ou Definir um conjunto de registros avançado escrevendo SQL.

• Colunas do conjunto de registros ligado à página. O registro específico deve ser exibido na página. Para mais informações, consulte Tornar texto dinâmico.

Adicione o comportamento do servidor para localizar o registro especificado pelo parâmetro de URL clicando no botão Mais (+) no painel Comportamentos do servidor (Janela > Comportamentos do servidor) e selecionando Paginação do conjunto de registros > Ir para registro específico.

No menu pop-up Mover para Registro, selecione o conjunto de registros que você definiu para a página.

No menu pop-up Coluna local, selecione a coluna que contém o valor passado pela outra página.

Por exemplo, se a outra página passar um número de ID do registro, selecione a coluna que contém os números de ID do registro.

Na caixa Combina com parâmetro de URL, insira o nome do parâmetro de URL passado pela outra página.

Por exemplo, se o URL que a outra página usou para abrir a página de detalhes for id=43, insiraid na caixa Combina com parâmetro de URL.

Clique em OK.

Na próxima vez que a página for solicitada por um navegador, o comportamento do servidor lerá o ID do registro no parâmetro de URL passado pela outra página e irá para o registro especificado no conjunto de registros.

Para criar uma página dinâmica em branco, selecione Arquivo > Novo > Página em branco, selecione uma página dinâmica na lista Tipo de página e clique em Criar.

Essa se torna a página mestre.

Defina um conjunto de registros para a página.

Certifique-se de que o conjunto de registros contenha não apenas todas as colunas necessárias para a página mestre, mas também todas as colunas necessárias para a página de detalhes. Normalmente, o conjunto de registros na página mestre extrai algumas colunas de uma tabela do banco de dados, enquanto o conjunto de registros na página de detalhes extrai mais colunas da mesma tabela para fornecer os detalhes extras.

Abra a página mestre na visualização Design e selecione Inserir > Objetos de dados > Conjunto de páginas mestre e de detalhes.

No menu pop-up Conjunto de registros, certifique-se de que o conjunto de registros que contém os registros que você deseja exibir na página mestre esteja escolhido.

Na área Campos da página mestre, selecione as colunas do conjunto de registros que serão exibidas na página mestre.

Por padrão, todas as colunas do conjunto de registros são selecionadas. Se o conjunto de registros contiver uma coluna de chave única como recordID, selecione-a e clique no botão Menos (-) para que não seja exibida na página.

Para alterar a ordem na qual as colunas aparecem na página mestre, selecione uma coluna na lista e clique na seta para cima ou para baixo.

Na página mestre, as colunas do conjunto de registros serão organizadas horizontalmente em uma tabela. Clicar na seta para cima move a coluna para a esquerda; clicar na seta para baixo move a coluna para a direita.

No menu pop-up Vincular a detalhes de, selecione a coluna no conjunto de registros que exibirá um valor que também funciona como um link para a página de detalhes.

Por exemplo, se você quiser que cada nome de produto na página mestre tenha um link para a página de detalhes, selecione a coluna do conjunto de registros que contém os nomes dos produtos.

No menu pop-up Passar Chave Exclusiva, selecione a coluna no conjunto de registros contendo valores que identificam os registros.

Normalmente, a coluna escolhida se refere ao número da ID do registro. Este valor é passado para a página de detalhes para que ela possa identificar o registro escolhido pelo usuário.

Desmarque a opção Numérico se a coluna de chave exclusiva não for numérica.

Especifique o número de registros a serem exibidos na página mestre.

Na caixa Nome da página de detalhes, clique em Procurar e localize o arquivo da página de detalhes criado ou insira um nome e deixe o objeto de dados criar um para você.

Na área Campos da página de detalhes, selecione as colunas a serem exibidas na página de detalhes.

Por padrão, todas as colunas no conjunto de registros da página mestre são selecionadas.Se o conjunto de registros contiver uma coluna de chave exclusiva como recordID, selecione-a e clique no botão Menos (-) para que ela não seja exibida na página de detalhes.

Para alterar a ordem na qual as colunas aparecem na página de detalhes, selecione uma coluna na lista e clique na seta para cima ou para baixo.

Na página de detalhes, as colunas do conjunto de registros são organizadas verticalmente em uma tabela.Clicar na seta para cima move a coluna para cima; clicar na seta para baixo move a coluna para baixo.

Clique em OK.

O objeto de dados cria uma página de detalhes (se você ainda não criou uma) e adiciona conteúdo dinâmico e comportamentos do servidor às páginas mestre e de detalhes.

Personalize o layout das páginas mestre e de detalhes para atender às suas necessidades.

É possível personalizar completamente o layout de cada página usando as Ferramentas de design de página do Dreamweaver.Também é possível editar os comportamentos do servidor clicando duas vezes neles no painel Comportamentos do servidor.

Depois de criar páginas mestre e de detalhes com o objeto de dados, use o painel Comportamentos do Servidor (Janela > Comportamentos do Servidor) para modificar os vários componentes que o objeto de dados insere nas páginas.