Guia do Usuário Cancelar

Criar páginas mestre e detalhadas no Dreamweaver

 

 

Observação:

a interface de usuário foi simplificada no Dreamweaver CC e posterior. Como resultado, você talvez não consiga localizar algumas das opções descritas neste artigo no Dreamweaver CC e posterior. Para obter mais informações, consulte este artigo (em inglês).

Sobre páginas mestre e detalhadas

Páginas mestre e detalhadas são conjuntos de páginas usados para organizar e exibir dados de um conjunto de registros. Essas páginas fornecem ao visitante do site tanto uma visão geral quanto uma visão detalhada. A página mestre lista todos os registros e contém links para as páginas detalhadas que exibem informações adicionais sobre cada registro.

Página mestre

Página detalhada

Você pode criar páginas mestre e detalhadas inserindo um objeto de dados para criar uma página mestre e uma página detalhada em uma operação ou usando comportamentos de servidor para criá-las de maneira mais personalizada. Ao usar comportamentos de servidor para criar páginas mestre e detalhadas, você cria inicialmente uma página mestre para listar os registros e, em seguida, adiciona links da lista às páginas detalhadas.

Criar uma página mestre

Antes de começar, verifique se você definiu uma conexão de banco de dados para o site.

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

    No painel Ligações (Janelas > Ligações), clique no botão de adição (+), selecione Conjunto de registros e escolha as opções. Caso você queira escrever sua própria instrução SQL, clique em Avançado.

    Verifique se o conjunto de registros contém todas as colunas da tabela necessárias à criação da página mestre. O conjunto de registros também deve incluir a coluna da tabela que contém a chave exclusiva de cada registro, ou seja, a coluna ID do registro. No seguinte exemplo, a coluna Código contém a chave exclusiva de todos os registros.

    Colunas do conjunto de registros selecionadas para uma página mestre

    Normalmente, o conjunto de registros da página mestre extrai algumas colunas da tabela de um banco de dados, ao passo que o conjunto de registros da página detalhada extrai mais colunas da mesma tabela para fornecer detalhes adicionais.

    O conjunto de registros pode ser definido pelo usuário durante o runtime. Para obter mais informações, consulte Criação de páginas de pesquisa e de resultados.

  3. Insira uma tabela dinâmica para exibir os registros.

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

    Caso não queira mostrar as IDs de registro aos usuários, você pode excluir a coluna da tabela dinâmica. Clique em qualquer lugar da página a fim de 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 estejam contornadas em vermelho e, em seguida, marque a coluna. Pressione Excluir para excluir a coluna da tabela.

Depois de criar a página mestre e adicionar o conjunto de registros, você cria links que abrem a página detalhada. Em seguida, você modifica os links para passar as IDs dos registros selecionados pelo usuário. A página detalhada usa essa ID para localizar o registro solicitado no banco de dados e exibi-lo.

Observação:

Você cria links para atualizar páginas usando o mesmo processo. A página de resultados é semelhante a uma página mestre, e a página de atualização é semelhante à página detalhada.

Abrir a página detalhada e passar a ID de um registro (ColdFusion, PHP)

  1. Na tabela dinâmica, selecione o alocador de espaço de conteúdo do texto que funcionará como um link.
    Links aplicados ao alocador de espaço selecionado.

  2. No Inspetor de propriedades, clique no ícone da pasta ao lado da caixa Link.
  3. Procure e selecione a página detalhada. A página detalhada é exibida na caixa Link do 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 todas as linhas da tabela.

  4. Na página mestre, selecione o link na tabela dinâmica.
  5. (ColdFusion) Na caixa Link do Inspetor de propriedades, adicione esta sequência de caracteres ao final do URL:
    ?recordID=#recordsetName.fieldName#
    ?recordID=#recordsetName.fieldName#
    ?recordID=#recordsetName.fieldName#

    O ponto de interrogação informa ao servidor de que se trata de um ou mais parâmetros de URL. A palavra recordID é o nome do parâmetro do URL (você pode dar a ele o nome que quiser). Anote o nome do parâmetro do URL porque você o usará na página detalhada posteriormente.

    A expressão após o sinal de igual é o valor do parâmetro. Nesse caso, o valor é gerado por uma expressão do ColdFusion que retorna a ID de um registro do conjunto de registros. É gerada uma ID diferente para cada linha da tabela dinâmica. Na expressão do ColdFusion, substitua recordsetName pelo nome do seu conjunto de registros e fieldName pelo nome do campo do conjunto de registros que identifica com exclusividade cada registro. Na maior parte dos casos, o campo consistirá no número da ID de um registro. No seguinte exemplo, o campo consiste em códigos de local exclusivos.

    locationDetail.cfm?recordID=#rsLocations.CODE#
    locationDetail.cfm?recordID=#rsLocations.CODE#
    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 da tabela dinâmica. Por exemplo, caso Canberra, Austrália, o local da locação, apresente o código CBR, o seguinte URL é usado na linha Canberra da tabela dinâmica:

    locationDetail.cfm?recordID=CBR
    locationDetail.cfm?recordID=CBR
    locationDetail.cfm?recordID=CBR
  6. (PHP) No campo Link do Inspetor de propriedades, adicione esta sequência de caracteres ao final do URL:
    ?recordID=<?php echo $row_recordsetName['fieldName']; ?>
    ?recordID=<?php echo $row_recordsetName['fieldName']; ?>
    ?recordID=<?php echo $row_recordsetName['fieldName']; ?>

    O ponto de interrogação informa ao servidor de que se trata de um ou mais parâmetros de URL. A palavra recordID é o nome do parâmetro do URL (você pode usar o nome que quiser). Anote o nome do parâmetro do URL porque você o usará na página detalhada posteriormente.

    A expressão após o sinal de igual é o valor do parâmetro. Nesse caso, o valor é gerado por uma expressão do PHP que retorna a ID de um registro do conjunto de registros. É gerada uma ID diferente para cada linha da tabela dinâmica. Na expressão do PHP, substitua recordsetName pelo nome do seu conjunto de registros e fieldName pelo nome do campo do conjunto de registros que identifica com exclusividade cada registro. Na maior parte dos casos, o campo consistirá no número da ID de um registro. No seguinte exemplo, o campo consiste em códigos de local exclusivos.

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

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

    locationDetail.php?recordID=CBR
    locationDetail.php?recordID=CBR
    locationDetail.php?recordID=CBR
  7. Salve a página.

Abra a página detalhada e passe a ID de um registro (ASP)

  1. Selecione o conteúdo dinâmico a ser duplicado como um link.
  2. No painel Comportamentos de servidor (Janela > Comportamentos de servidor), clique no botão de adição (+) e selecione Ir para página detalhada no menu pop-up.
  3. Na caixa Página detalhada, clique em Procurar e localize a página.
  4. Especifique o valor que você deseja passar para a página detalhada selecionando um conjunto de registros e uma coluna nos menus pop-up Conjunto de registros e Coluna. Normalmente, o valor é exclusivo do registro como, por exemplo, a ID de chave exclusiva.
  5. Se desejado, passe os parâmetros de página existentes para a página detalhada selecionando as opções Parâmetros de URL ou Parâmetros de formulário.
  6. Clique em OK.

    Um link especial contorna o texto selecionado. Quando o usuário clica no link, o comportamento de servidor Ir para página detalhada passa um parâmetro do URL que contém a ID do registro para a página detalhada. Por exemplo, caso o parâmetro do URL se chame id e a página detalhada, customerdetail.asp, o URL permanece semelhante à seguinte quando o usuário clica no link:

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

    A primeira parte do URL, http://www.mysite.com/customerdetail.asp, abre a página detalhada. 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 do URL e 43 é seu valor. Nesse exemplo, o parâmetro do URL contém o número da ID do registro, 43.

Localizar e exibir o registro solicitado na página detalhada

Para exibir o registro solicitado pela página mestre, você deve definir um conjunto de registros para armazenar um único registro e ligar as colunas do conjunto à página detalhada.

  1. Alterne para a página detalhada. Caso você ainda não tenha uma página detalhada, crie uma página em branco (Arquivo > Novo).
  2. No painel Ligações (Janela > Ligações), clique no botão de adição (+) 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. Caso seja exibida a caixa de diálogo avançada em seu lugar, clique em Simples.

  3. Nomeie o conjunto de registros e selecione uma fonte de dados, além da tabela do banco de dados que fornecerá os dados para o conjunto de registros.
  4. Na área Colunas, selecione as colunas da tabela a serem incluídas no conjunto de registros.

    O conjunto pode ser idêntico ou não ao conjunto de registros da página mestre. Normalmente, o conjunto de registros de uma página detalhada tem mais colunas para poder exibir mais detalhes.

    Caso os conjuntos de registros sejam diferentes, verifique se o conjunto da página detalhada contenha pelo menos uma coluna em comum com o conjunto de registros da página mestre. A coluna em comum costuma ser a da ID do registro, mas também pode ser o campo conjunto das tabelas relacionadas.

    Para incluir apenas algumas das colunas da tabela no conjunto de registros, clique em Selecionado e escolha as colunas desejadas clicando nelas com a tecla Control pressionada (Windows) ou Command (Macintosh) na lista.

  5. Complete a seção Filtro para localizar e exibir o registro especificado no parâmetro do URL passado pela página mestre:
    • No primeiro menu pop-up da área Filtro, selecione a coluna do conjunto de registros que contém valores correspondentes ao valor do parâmetro do URL passado pela página mestre. Por exemplo, caso o parâmetro do URL contenha o número de uma ID de registro, selecione a coluna que contém os números da ID de registro. No exemplo abordado na seção anterior, a coluna do conjunto de registros chamada CODE contém os valores correspondentes ao valor do parâmetro do URL passado pela página mestre.

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

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

    • Na quarta caixa, digite o nome do parâmetro do URL passado pela página mestre.

  6. Clique em OK. O conjunto de registros é exibido no painel Ligações.
  7. Ligue as colunas do conjunto de registros à página detalhada selecionando as colunas no painel Ligações (Janela > Ligações) e arrastando-as para a página.

    Depois de carregar as páginas mestre e detalhada no servidor, você pode abrir a página mestre em um navegador. Depois que um link detalhado é clicado na página mestre, a página detalhada é aberta com mais informações sobre o registro selecionado.

Localize um registro específico e exiba-o em uma página (ASP)

Você pode adicionar um comportamento de servidor que localize um registro específico de um conjunto para poder exibir os dados do registro na página. O comportamento do servidor só está disponível quando se usa o modelo de servidor ASP.

  1. Crie uma página que tenha os seguintes pré-requisitos:
  2. Adicione o comportamento de servidor para localizar o registro especificado pelo parâmetro do URL clicando no botão de adição (+) do painel Comportamentos de servidor (Janela > Comportamentos de servidor) e selecionando Paginação do conjunto de registros > Mover para registro específico.
  3. No menu pop-up Mover para registro em, selecione o conjunto de registros definido para a página.
  4. No menu pop-up Coluna Onde, selecione a coluna que contém o valor passado pela outra página.

    Por exemplo, caso a outra página passe o número de uma ID de registro, selecione a coluna que contém os números da ID de registro.

  5. Na caixa Corresponde ao parâmetro de URL, digite o nome do parâmetro do URL passado pela outra página.

    Por exemplo, caso o URL usado pela outra página para abrir a página detalhada seja id=43, digite id na caixa Corresponde ao parâmetro de URL.

  6. Clique em OK.

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

Criar páginas mestre e detalhadas em uma operação

Ao desenvolver aplicativos da Web, você pode criar rapidamente páginas mestre e detalhadas usando o objeto de dados Conjunto de páginas mestre/detalhadas.

  1. Para criar uma página dinâmica em branco, selecione Arquivo > Novo > Página em branco, escolha uma página dinâmica e clique em Criar.

    Essa se torna a página mestre.

  2. Defina um conjunto de registros para a página.

    Verifique se o conjunto de registros contém não apenas todas as colunas necessárias à página mestre, mas também todas as colunas necessárias à página detalhada. Normalmente, o conjunto de registros da página mestre extrai algumas colunas da tabela de um banco de dados, ao passo que o conjunto de registros da página detalhada extrai mais colunas da mesma tabela para fornecer detalhes adicionais.

  3. Abra a página mestre na Visualização de design e selecione Inserir > Objetos de dados > Conjunto de páginas mestre/detalhadas.
  4. No menu pop-up Recordset, verifique se o conjunto que contém os registros a serem exibidos na página mestre está escolhido.
  5. Na área Campos de página mestre, selecione as colunas do conjunto de registros a serem exibidas na página mestre.

    Por padrão, todas as colunas do conjunto de registros são selecionadas. Caso o conjunto de registros contenha uma coluna de chave exclusiva como, por exemplo, recordID, selecione-a e clique no botão de subtração (-) para que ela não seja exibida na página.

  6. Para alterar a ordem na qual as colunas são exibidas 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 esquerda; clicar na seta para baixo move a coluna para direita.

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

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

  8. No menu pop-up Repassar chave exclusiva, selecione a coluna do conjunto de registros contendo os valores que identificam os registros.

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

  9. Desmarque a opção Numérico caso a coluna da chave exclusiva não seja numérica.
    Observação:

    Essa opção é selecionada por padrão; ela não é exibida para todos os modelos de servidor.

  10. Especifique o número de registros a serem exibidos na página mestre.
  11. Na caixa Nome de página detalhada, clique em Procurar e localize o arquivo de página detalhada criado por você ou digite um nome e deixe que o objeto de dados crie um.
  12. Na área Campos de página detalhada, selecione as colunas a serem exibidas na página detalhada.

    Por padrão, todas as colunas do conjunto de registros da página mestre são selecionadas. Caso o conjunto de registros contenha uma coluna de chave exclusiva como, por exemplo, recordID, selecione-a e clique no botão de subtração (-) para que ela não seja exibida na página detalhada.

  13. Para alterar a ordem na qual as colunas são exibidas na página detalhada, selecione uma coluna na lista e clique na seta para cima ou para baixo.

    Na página detalhada, 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.

  14. Clique em OK.

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

  15. Personalize o layout das páginas mestre e detalhadas de acordo com suas necessidades.

    Você pode personalizar integralmente o layout de todas as páginas usando as ferramentas de design do Dreamweaver. Você também pode editar os comportamentos de servidor clicando duas vezes neles no painel Comportamentos de servidor.

    Depois de criar as páginas mestre e detalhadas usando o objeto de dados, use o painel Comportamentos de servidor (Janela > Comportamentos de servidor) para modificar os vários blocos de criação inseridos pelo objeto de dados nas páginas.

Receba ajuda com mais rapidez e facilidade

Novo usuário?