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.

Sobre os registros do banco de dados

A exibição de registros do banco de dados envolve a recuperação de informações armazenadas em um banco de dados ou em outra fonte de conteúdo, além do processamento dessas informações em uma página da Web. O Dreamweaver fornece vários métodos de exibição de conteúdo dinâmico, além de muitos comportamentos de servidor incorporados que permitem aprimorar a apresentação de conteúdo dinâmico e possibilitam aos usuários percorrer e navegar nas informações retornadas de um banco de dados com mais facilidade.

Os bancos de dados e as demais fontes de conteúdo dinâmico oferecem mais eficiência e flexibilidade na pesquisa, na classificação e na visualização de grandes armazenamentos de informações. O uso de um banco de dados para armazenar conteúdo de sites se justifica quando você precisa armazenar grandes quantidades de informações e recuperar e exibir essas informações de maneira significativa. O Dreamweaver oferece várias ferramentas e comportamentos predefinidos para ajudá-lo a recuperar e a exibir as informações armazenadas em um banco de dados de maneira eficiente.

Comportamentos de servidor e elementos de formatação

O Dreamweaver fornece os seguintes comportamentos de servidor e elementos de formatação para permitir a exibição de dados dinâmicos:

Formatos

Permitem que você aplique tipos diferentes de valores numéricos, monetários, de data/hora e porcentagem a textos dinâmicos.

Por exemplo, caso o preço de um item em um conjunto de registros seja 10,989, você pode exibir o preço na página como US$ 10,99 selecionando o formato “Moeda - 2 casas decimais” do Dreamweaver. Esse formato exibe um número usando duas casas decimais. Caso o número tenha mais de duas casas decimais, o formato de dados arredonda o número para o decimal mais próximo. Caso o número não tenha casas decimais, o formato de dados adiciona uma casa decimal e dois zeros.

Região repetitiva

Comportamentos de servidor permitem exibir vários itens retornados de uma consulta de banco de dados e especificar o número de registros a ser exibido por página.

Navegação do conjunto de registros

Comportamentos de servidor permitem inserir elementos de navegação que permitem aos usuários passar ao grupo de conjuntos de registros anteriores ou posteriores retornados pelo conjunto de registros. Por exemplo, caso opte por exibir 10 registros por página usando o objeto de servidor Região repetitiva e o conjunto retorne 40 registros, você pode navegar em 10 registros por vez.

Barra de status Conjunto de registros

Comportamentos de servidor permitem incluir um contador que mostra aos usuários onde eles estão dentro de um conjunto de registros em relação ao número total de registros retornados.

Mostrar região

Comportamentos de servidor permitem optar por mostrar ou ocultar itens na página com base na relevância dos registros exibidos no momento. Por exemplo, caso um usuário tenha navegado até o último registro de um conjunto, você pode ocultar o link Próximo e exibir apenas o link Anterior.

Aplicar elementos tipográficos e de layout de página a dados dinâmicos

Um recurso avançado do Dreamweaver é a possibilidade de apresentar dados dinâmicos dentro de uma página estruturada e de aplicar formatação tipográfica usando HTML e CSS. Para aplicar formatos a dados dinâmicos no Dreamweaver, formate as tabelas e os alocadores de espaço para os dados dinâmicos usando as ferramentas de formatação do Dreamweaver. Quando são inseridos usando a fonte de dados, os dados adotam automaticamente a formatação da fonte, do parágrafo e da tabela especificada por você.

Os links para navegação no conjunto de registros permitem aos usuários mover de um registro para o próximo ou de um conjunto de registros para o próximo. Por exemplo, depois de criar uma página para exibir cinco registros por vez, você talvez queira adicionar links como, por exemplo, Próximo ou Anterior que permitem aos usuários exibir os cinco registros próximos ou anteriores.

Você pode criar quatro tipos de links de navegação para percorrer um conjunto de registros: Primeiro, Anterior, Próximo e Último. Uma única página pode conter qualquer número desses links, desde que todos funcionem em um único conjunto de registros. Você não pode adicionar links para percorrer um segundo conjunto de registros na mesma página.

Os links para navegação no conjunto de registros exigem os seguintes elementos dinâmicos:

  • Um conjunto de registros para navegação

  • Conteúdo dinâmico na página para exibir o(s) registro(s)

  • Texto ou imagens na página para funcionar como uma barra de navegação clicável

  • Um conjunto Mover para registro dos comportamentos de servidor para navegar no conjunto de registros

    Você pode adicionar os dois últimos elementos usando o objeto de servidor Barras para navegação em registros ou adicioná-los separadamente usando as ferramentas de design e o painel Comportamentos de servidor.

Criar uma barra de navegação do conjunto de registros

Você pode criar uma barra de navegação do conjunto de registros em uma única operação usando o comportamento de servidor Barra de navegação do conjunto de registros. O objeto de servidor adiciona os seguintes blocos de criação à página:

  • Uma tabela em HTML com links de texto ou imagem

  • Um conjunto de comportamentos de servidor Mover para

  • Um conjunto de comportamentos de servidor Mostrar região

    A versão em texto de Barra de navegação do conjunto de registros é semelhante a:

Versão em texto de Barra de navegação do conjunto de registros
Versão em texto de Barra de navegação do conjunto de registros

Barra de navegação do conjunto de registros
Barra de navegação do conjunto de registros

Antes de colocar a barra de navegação na página, verifique se a página contém um conjunto de registros para navegação e um layout de página no qual exibir os registros.

Depois de colocar a barra de navegação na página, você pode usar as ferramentas de design para personalizar a barra. Você também pode editar os comportamentos de servidor Mover para e Mostrar região clicando duas vezes neles no painel Comportamentos de servidor.

O Dreamweaver cria uma tabela que contém links de texto ou de imagem que permitem ao usuário navegar no conjunto de registros selecionado quando clicado. Quando o primeiro registro do conjunto é exibido, os links Primeiro e Anterior ou as imagens permanecem ocultos. Quando o último registro do conjunto é exibido, os links Próximo e Último ou as imagens permanecem ocultos.

Você pode personalizar o layout da barra de navegação usando as ferramentas de design e o painel Comportamentos de servidor.

  1. Na Visualização de design, coloque o ponto de inserção no local da página onde você deseja que a barra de navegação seja exibida.
  2. Exiba a caixa de diálogo Barra de navegação do conjunto de registros (Inserir > Objetos de dados > Paginação do conjunto de registros > Barra de navegação do conjunto de registros).
  3. Selecione o conjunto de registros em que você deseja navegar no menu pop-up Conjunto de registros.
  4. Na seção Exibir usando, selecione o formato para exibir os links de navegação na página e clique em OK.

    Texto

    Coloca links de texto na página.

    Imagens

    Inclui imagens gráficas como links. O Dreamweaver usa arquivos de imagem próprios. Você pode substituir essas imagens por arquivos de imagem próprios depois de colocar a barra na página.

Barras de navegação do conjunto de registros personalizadas

Você pode criar sua própria barra de navegação do conjunto de registros que usa layout e estilos de formatação mais complexos do que os da tabela simples criada pelo objeto de servidor Barra de navegação do conjunto de registros.

Para criar sua própria barra de navegação do conjunto de registros, você deve:

  • Criar links de navegação em texto ou imagens

  • Colocar os links na página usando a Visualização de design

  • Atribuir comportamentos de servidor individuais a cada link de navegação

Esta seção descreve como atribuir comportamentos de servidor individuais aos links de navegação.

  1. Na Visualização de design, selecione a sequência de caracteres de texto ou a imagem que você deseja usar como link para navegação em registros.
  2. Abra o painel Comportamentos do servidor (Janela > Comportamentos do servidor) e clique no botão de adição (+).
  3. Selecione Paginação do conjunto de registros no menu pop-up e, depois, selecione um comportamento de servidor apropriado no link dos comportamentos de servidor listados.

    caso o conjunto contenha vários registros, o comportamento de servidor Mover para último registro pode demorar muito para ser executado quando o usuário clica no link.

  4. No menu pop-up Conjunto de registros, selecione o conjunto que contém os registros e clique em OK.

    O comportamento de servidor é atribuído ao link de navegação.

Definir as opções da caixa de diálogo Mover para (comportamento de servidor)

Adicione links que permitam ao usuário navegar nos registros de um conjunto.

  1. Caso você não tenha selecionado nada na página, selecione um link no menu pop-up.
  2. Selecione o conjunto que contém os registros a serem percorridos e clique em OK.

    Observação:

    caso o conjunto contenha vários registros, o comportamento de servidor Mover para último registro pode demorar muito para ser executado quando o usuário clica no link.

Ao criar uma barra de navegação personalizada, comece criando sua representação visual usando as ferramentas de design de página do Dreamweaver. Você não precisa criar um link para a sequência de caracteres de texto ou a imagem; o Dreamweaver cria um para você.

A página para a qual a barra de navegação foi criada deve conter um conjunto de registros para navegar. Uma barra de navegação do conjunto de registros simples pode ser semelhante a esta com botões de link criados fora das imagens ou outros elementos de conteúdo:

Barra de navegação do conjunto de registros simples
Barra de navegação do conjunto de registros simples

Depois de adicionar um conjunto de registros a uma página e criar uma barra de navegação, você deve aplicar comportamentos de servidor a cada elemento de navegação. Por exemplo, uma barra de navegação do conjunto de registros típica contém representações dos seguintes links correspondentes ao comportamento apropriado:

Link de navegação

Comportamento de servidor

Ir para primeira página

Mover para primeira página

Ir para página anterior

Mover para página anterior

Ir para próxima página

Mover para próxima página

Ir para última página

Mover para última página

Exibir e ocultar regiões com base nos resultados do conjunto de registros

Você também pode especificar que uma região seja exibida ou ocultada com base no preenchimento do conjunto de registros. Caso um conjunto de registros esteja vazio (por exemplo, nenhum registro foi encontrado correspondente à consulta), você pode exibir uma mensagem informando o usuário de que nenhum registro retornou. Isso é especialmente útil quando se criam páginas de pesquisa que dependam dos termos de pesquisa de entrada para executar consultas. Da mesma forma, você pode exibir uma mensagem de erro caso haja um problema na conexão com um banco de dados ou caso o nome de usuário e a senha de um usuário não correspondam aos reconhecidos pelo servidor.

Os comportamentos de servidor Mostrar região são:

  • Mostrar se conjunto de registros estiver vazio

  • Mostrar se conjunto de registros não estiver vazio

  • Mostrar se for primeira página

  • Mostrar se não for primeira página

  • Mostrar se for última página

  • Mostrar se não for última página

  1. Na Visualização de design, selecione a região na página a ser mostrada ou ocultada.
  2. No painel Comportamentos do servidor (Janela > Comportamentos do servidor), clique no botão de adição (+).
  3. Selecione Mostrar região no menu pop‑up, selecione um dos comportamentos de servidor listados e clique em OK.

Exibir vários resultados do conjunto de registros

O comportamento de servidor Região repetitiva permite exibir vários registros de um conjunto dentro de uma página. Qualquer seleção de dados dinâmicos pode ser transformada em uma região repetitiva. No entanto, as regiões mais comuns são tabelas, linhas de tabelas ou uma série de linhas de tabelas.

  1. Na Visualização de design, selecione uma região que apresente conteúdo dinâmico.

    A seleção pode ser qualquer item, incluindo uma tabela, uma linha de tabela ou mesmo um parágrafo do texto.

    Para selecionar uma região na página com precisão, você pode usar o seletor de tags no canto esquerdo da janela do documento. Por exemplo, caso a região seja uma linha de tabela, clique dentro da linha na página e, depois, clique na tag <tr> à direita no seletor para selecionar a linha da tabela.

  2. Selecione Janela > Comportamentos de servidor para exibir o painel Comportamentos de servidor.
  3. Clique no botão de adição (+) e selecione Região repetitiva.
  4. Selecione o nome do conjunto de registros a ser usado no menu pop-up.
  5. Selecione o número de registros a serem exibidos por página e clique em OK.

    Na janela Documento, um fino contorno cinza com abas é exibido em torno da região repetitiva.

Modificar regiões repetitivas no Inspetor de propriedades

  1. Modifique a região repetitiva selecionada alterando qualquer uma das seguintes opções:
    • O nome da região repetitiva.

    • O conjunto que fornece os registros à região repetitiva.

    • O número de registros exibidos

      Quando você seleciona uma nova opção, o Dreamweaver atualiza a página.

Reutilizar conjuntos de registros PHP

Para obter um tutorial sobre como reutilizar os conjuntos de registros PHP, consulte o tutorial de David Powers, Como reutilizar um Conjunto de dados PHP em mais de uma região de repetição?

Criar uma tabela dinâmica

O seguinte exemplo ilustra como o comportamento Região repetitiva é aplicado à linha de uma tabela e especifica que são exibidos nove registros por página. A própria linha exibe quatro registros diferentes: cidade, estado, endereço e CEP.

O comportamento de servidor Região repetitiva é aplicado a uma linha de tabela
O comportamento de servidor Região repetitiva é aplicado a uma linha de tabela

Para criar uma tabela como, por exemplo, a do exemplo anterior, você deve criar uma tabela que tenha conteúdo dinâmico e aplicar o comportamento de servidor Região repetitiva à linha da tabela com o conteúdo dinâmico. Quando a página é processada pelo servidor de aplicativo, a linha é repetida o número de vezes especificado no objeto de servidor Região repetitiva com um registro diferente inserido em cada linha nova.

  1. Escolha uma destas opções para inserir uma tabela dinâmica:
    • Selecione Inserir > Objetos de dados > Dados dinâmicos > Tabela dinâmica para exibir a caixa de diálogo Tabela dinâmica.

    • Na categoria Dados do painel Inserir, clique no botão Dados dinâmicos e selecione o ícone Tabela dinâmica no menu pop-up.

  2. Selecione o conjunto de registros no menu pop-up Conjunto de registros.
  3. Selecione o número de registros a serem exibidos por página.
  4. (Opcional) Insira os valores da borda da tabela, do preenchimento da célula e do espaçamento da célula.

    A caixa de diálogo Tabela dinâmica mantém os valores que você insere para bordas da tabela, preenchimento da célula e espaçamento da célula.

    Observação:

    caso você esteja trabalhando em um projeto que exija várias tabelas dinâmicas com a mesma aparência, insira os valores de layout da tabela, o que simplifica ainda mais o desenvolvimento da página. Você pode ajustar esses valores depois de inserir a tabela usando o Inspetor de propriedades da tabela.

  5. Clique em OK.

    Uma tabela e os alocadores de espaço do conteúdo dinâmico definido no conjunto de registros associado são inseridos na página.

    Uma tabela e alocadores de espaço para o conteúdo dinâmico
    Uma tabela e alocadores de espaço para o conteúdo dinâmico em um conjunto de registros

    Nesse exemplo, o conjunto de registros contém quatro colunas: AUTHORID, FIRSTNAME, LASTNAME e BIO. A linha de cabeçalho da tabela é preenchida com os nomes de cada coluna. Você pode editar os cabeçalhos usando qualquer texto descritivo ou substituí-los por imagens representativas.

Criar contadores de registros

Os contadores de registros dão aos usuários um ponto de referência ao navegarem em um conjunto de registros. Normalmente, eles exibem o número total de registros retornados e os registros visualizados no momento. Por exemplo, se um conjunto retornasse 40 registros individuais e 8 fossem exibidos por página, o contador de registros na primeira página indicaria “Exibindo registros 1‑8 de 40”.

Para criar um contador de registros em uma página, você deve criar um conjunto de registros para a página, um layout de página apropriado ao conteúdo dinâmico e uma barra de navegação do conjunto de registros.

Criar contadores de registros simples

Os contadores de registros permitem aos usuários saber onde estão em um determinado conjunto de registros em relação ao número total de registros retornados. Por essa razão, os contadores de registros são um comportamento útil capaz de agregar à usabilidade de uma página da Web de maneira significativa.

Crie um contador de registros simples usando o objeto de servidor Status de navegação do conjunto de registros. Esse objeto de servidor cria uma entrada de texto na página para exibir o status de registro atual. Você pode personalizar o contador de registros usando as ferramentas de design de página do Dreamweaver.

  1. Coloque o ponto de inserção onde você deseja inserir um contador de registros.
  2. Selecione Inserir > Objetos de dados > Exibir contagem de registros > Status de navegação do conjunto de registros e, depois, selecione o conjunto de registros no menu pop-up Conjunto de registros e clique em OK.

    O objeto de servidor Status de navegação do conjunto de registros insere um contador de registros de texto semelhante ao seguinte exemplo:

    O objeto de servidor Status de navegação do conjunto de registros

    Quando exibido na Visualização dinâmica, o contador exibido é semelhante ao seguinte exemplo:

    Status de navegação do conjunto de registros na Visualização dinâmica

Criar e adicionar o contador de registros na página

  1. Na caixa de diálogo Status de navegação do conjunto de registros, selecione o conjunto de registros a ser controlado e clique em OK.

Criar contadores de registros personalizados

Você usa comportamentos de contagem de registros para criar contadores de registros personalizados. A criação de um contador de registros personalizado permite criar um contador de registros que vai além da tabela simples, de linha única, inserida pelo objeto de servidor Status de navegação do conjunto de registros. Você pode organizar elementos de design de várias formas criativas e aplicar um comportamento de servidor apropriado a cada elemento.

Os comportamentos de servidor Contagem de registros são:

  • Exibir número de registro inicial

  • Exibir número de registro final

  • Exibir total de registros

Para criar um contador de registros personalizado em uma página, você deve criar inicialmente um conjunto de registros para a página, um layout de página apropriado ao conteúdo dinâmico e uma barra de navegação do conjunto de registros.

Este exemplo cria um contador de registros semelhante ao do exemplo em “Contadores de registros simples”. Nesse exemplo, o texto na fonte sans-serif representa os alocadores de espaço da contagem de registros que serão inseridos na página. O contador de registros do exemplo é exibido da seguinte forma:

Exibindo registros de StartRow a EndRow de RecordSet.RecordCount.

  1. Na Visualização de design, digite o texto do contador na página. O texto pode ser o que você quiser, por exemplo:
    Displaying records thru of .
  2. Coloque o ponto de inserção ao final da sequência de caracteres de texto.
  3. Abra o painel Comportamentos de servidor (Janela > Comportamentos de servidor).
  4. Clique no botão de adição (+) no canto superior esquerdo e, depois, clique em Exibir contagem de registros. Nesse submenu, selecione Exibir total de registros. O comportamento Exibir total de registros é inserido na página, e um alocador de espaço é inserido onde estava o ponto de inserção. A sequência de caracteres de texto é exibida da seguinte forma:
    Displaying records thru of {Recordset1.RecordCount}.
  5. Coloque o ponto de inserção depois da palavra records e selecione Exibir número de registro inicial no painel Comportamentos de servidor > botão de adição (+) > Contagem de registros. A sequência de caracteres de texto é exibida da seguinte forma:
    Displaying records {StartRow_Recordset1} thru of {Recordset1.RecordCount}.
  6. Agora coloque o ponto de inserção entre as palavras thru e of e selecione Exibir número de registro inicial no painel Comportamentos de servidor > botão de adição (+) > Contagem de registros. A sequência de caracteres de texto é exibida da seguinte forma:
    Displaying records {StartRow_Recordset1} thru {EndRow_Recordset1} of{Recordset1.RecordCount}.
  7. Confirme se o contador está funcionando corretamente exibindo a página na Visualização dinâmica; o contador é semelhante ao do seguinte exemplo:
    Displaying records 1 thru 8 of 40.

    Caso a página de resultados tenha um link de navegação para se mover para o próximo conjunto de registros, o clique no link atualiza o contador de registros para que ele exiba o seguinte:

    Showing records 9 thru 16 of 40.

Usar formatos de dados predefinidos

O Dreamweaver inclui vários formatos de dados predefinidos que você pode aplicar a elementos de dados dinâmicos. Entre os estilos de formato de dados estão data e hora, moeda e formatos numérico e percentuais.

Aplicar formatos de dados a conteúdo dinâmico

  1. Na janela Documento, selecione o alocador de espaço do conteúdo dinâmico.
  2. Selecione Janela > Ligações para exibir o painel Ligações.
  3. Clique no botão de seta para baixo na coluna Formato.

    Caso a seta para baixo não esteja visível, expanda o painel.

  4. No menu pop-up Formato, selecione a categoria do formato de dados que você deseja.

    Verifique se o formato de dados é apropriado ao tipo de dado que você está formatando. Por exemplo, os formatos Moeda só funcionam caso os dados dinâmicos consistam em dados numéricos. Observe que você não pode aplicar mais de um formato aos mesmos dados.

  5. Verifique se o formato foi aplicado corretamente ao visualizar a página na Visualização dinâmica.

Personalizar um formato de dados

  1. Abra uma página que contenha dados dinâmicos na Visualização de design.

  2. Selecione os dados dinâmicos para os quais você deseja criar um formato personalizado.

    O item de dados ligado cujo texto dinâmico você selecionou é realçado no painel Ligações (Janela > Ligações). O painel exibe duas colunas para o item selecionado, Ligação e Formato. Caso a coluna Formato não esteja visível, alargue o painel Ligações para mostrá-la.

  3. No painel Ligações, clique na seta para baixo na coluna Formato para expandir o menu pop-up dos formatos de dados disponíveis.

    Caso a seta para baixo não esteja visível, alargue ainda mais o painel Ligações.

  4. Selecione Editar lista de formatos no menu pop-up.

  5. Complete a caixa de diálogo e clique em OK.

    a. Selecione o formato na lista e clique em Editar.

    b. Altere qualquer um dos seguintes parâmetros nas caixas Moeda, Número ou Porcentagem e clique em OK.

    • O número de dígitos a serem exibidos após a casa decimal
    • Se um zero deve ser colocado antes das frações
    • Se os parênteses ou um sinal de subtração devem ser usados em valores negativos
    • Se os dígitos devem ser agrupados

    c. Para excluir um formato de dados, clique no formato na lista e clique no botão de subtração (-).

Criar um formato de dados (apenas ASP)

  1. Abra uma página que contenha dados dinâmicos na Visualização de design.
  2. Selecione os dados dinâmicos para os quais você deseja criar um formato personalizado.

  3. Selecione Janela > Ligações para exibir o painel Ligações e clique na seta para baixo na coluna Formato. Caso a seta para baixo não esteja visível, expanda o painel.
  4. Selecione Editar lista de formatos no menu pop-up.
  5. Clique no botão de adição (+) e selecione um tipo de formato.
  6. Defina o formato e clique em OK.
  7. Digite um nome para o novo formato na coluna Nome e clique em OK.

    Observação:

    embora o Dreamweaver tenha suporte somente à criação de formatos de dados para páginas em ASP, os usuários do ColdFusion e do PHO podem baixar formatos que outros desenvolvedores criaram ou criar formatos de servidor e postá-los no Dreamweaver Exchange. Para obter mais informações sobre a API Formato de servidor, consulte Extensão do Dreamweaver(Ajuda > Extensão do Dreamweaver > Formatos de servidor).

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online