Criar uma página de registro de atualização no Dreamweaver

Criar uma página no Dreamweaver e salvá-la.

A página se tornará a página de atualização.

No painel Vinculações (Janela > Vinculações), clique no botão Mais (+) e selecione Conjunto de registros.

Caso seja exibida a caixa de diálogo avançada, clique em Simples. A caixa de diálogo avançada tem uma área de texto para inserir instruções SQL; a simples não tem.

Nomeie o conjunto de registros e especifique onde os dados que você quer atualizar estão localizados usando os menus pop-up Conexão e Tabela.

Clique em Selecionadas e selecione uma coluna de chave (geralmente a coluna ID do registro) e as colunas que contêm os dados a serem atualizados.

Configure a área de filtro para que o valor da coluna de chave seja igual ao valor do parâmetro de URL correspondente passado pela página de resultados.

Esse tipo de filtro cria um conjunto de registros que contém apenas o registro especificado pela página de resultados. Por exemplo, se sua coluna de chave contém informações de ID do registro e é chamada PRID, e se a página de resultados passa as informações de ID do registro correspondentes no parâmetro de URL chamado id, a área Filtro deve parecer com o seguinte exemplo:

Clique em OK.

Quando o usuário seleciona um registro na página de resultados, a página de atualização gera um conjunto de registros contendo apenas o registro selecionado.

Criar uma página (Arquivo > Novo > Página em branco).Essa se torna a página de atualização.

Projete sua página usando as ferramentas de design do Dreamweaver.

Adicione um formulário HTML colocando o ponto de inserção onde você deseja que o formulário apareça e selecionando Inserir > Formulário > Formulário.

É criado um formulário vazio na página. Talvez seja necessário ativar Elementos invisíveis (Exibir > Auxílios visuais > Elementos invisíveis) para ver os limites do formulário, que são representados por linhas vermelhas finas.

Nomeie o formulário HTML clicando na <form> tag na parte inferior da janela Documento para selecionar o formulário, abrindo o Inspetor de propriedades (Janela > Propriedades) e inserindo um nome na caixa Nome do formulário.

Não é necessário especificar um atributo action ou method para o formulário informar onde e como enviar os dados do registro quando o usuário clicar no botão Enviar. O comportamento do servidor Atualizar registro define esses atributos para você.

Adicione um objeto de formulário como um campo de texto (Inserir > Formulário > Campo de texto) para cada coluna que você deseja atualizar na tabela do banco de dados.

Os objetos de formulário se destinam à entrada de dados. Os campos de texto são comuns para essa finalidade, mas você também pode usar menus, opções e botões de opção.

Cada objeto de formulário deve ter uma coluna correspondente no conjunto de registros definido anteriormente. A única exceção é a coluna de chave exclusiva, que não deve ter um objeto de formulário correspondente.

Adicione um botão Enviar ao formulário (Inserir > Formulário > Botão).

Você pode alterar o rótulo do botão Enviar selecionando o botão, abrindo o Inspetor de propriedades (Janela > Propriedades) e inserindo um novo valor na caixa Rótulo.

Certifique-se de ter definido um conjunto de registros para manter o registro que o usuário deseja atualizar.

Consulte Recuperar o registro a ser atualizado.

Vincule cada objeto de formulário aos dados no conjunto de registros, conforme descrito nos seguintes tópicos:

• Exibir conteúdo dinâmico em campos de texto HTML

• Pré-selecionar dinamicamente uma caixa de seleção HTML

• Pré-selecionar dinamicamente um botão de opção HTML

• Inserir ou alterar um menu de formulário HTML dinâmico

• Tornar menus de formulário HTML existentes dinâmicos

No painel Comportamentos do servidor (Janela > Comportamentos do servidor), clique no botão Mais (+) e selecione Atualizar registro no menu pop-up.

A caixa de diálogo Atualizar registro é exibida.

Selecione um formulário no menu pop-up Enviar valores de.

No menu pop-up Fonte de dados ou Conexão, selecione uma conexão com o banco de dados.

Digite o nome do usuário e a senha, se aplicável.

No menu pop-up Atualizar tabela, selecione a tabela do banco de dados que contém o registro que você está atualizando.

(ColdFusion, PHP) Especifique uma coluna do banco de dados para atualizar, selecione o objeto de formulário que atualizará a coluna no menu pop-up Valor, selecione um tipo de dados para o objeto de formulário no menu pop-up Enviar como e selecione Chave principal se quiser identificar esta coluna como a chave principal.

O tipo de dados é o tipo de dados que a coluna na tabela do banco de dados está esperando (texto, numérico, valores de opção booleana).

Repita o procedimento para cada objeto de formulário no seu formulário.

(ASP) No menu pop-up Selecionar registro de, especifique o conjunto de registros que contém o registro exibido no formulário HTML. No menu pop-up Coluna de chave exclusiva, selecione uma coluna de chave (geralmente a coluna de ID do registro) para identificar o registro na tabela do banco de dados. Selecione a opção Numérico, caso o valor seja um número. Uma coluna de chave geralmente aceita apenas valores numéricos, mas às vezes aceita valores de texto.

Na caixa Após atualização ou Em caso de êxito, ir para, insira a página para abrir depois que o registro for atualizado na tabela ou clique no botão Procurar para navegar até o arquivo.

(ASP) Especifique uma coluna do banco de dados para atualizar, selecione o objeto de formulário que atualizará a coluna no menu pop-up Valor e então selecione um tipo de dados para o objeto de formulário no menu pop-up Enviar como. O tipo de dados é o tipo de dados que a coluna na tabela do banco de dados está esperando (texto, numérico, valores de opção booleana). Repita o procedimento para todos os formulários.

Clique em OK.

Dreamweaver adiciona um comportamento do servidor à página que permite aos usuários atualizar registros em uma tabela do banco de dados modificando as informações exibidas no formulário HTML e clicando no botão Enviar.

Para editar o comportamento do servidor, abra o painel Comportamentos do servidor (Janela > Comportamentos do servidor) e clique duas vezes no comportamento Atualizar registro.

Abra a página na visualização Design e selecione Inserir > Objetos de dados > Atualizar registro > Assistente de formulário de atualização de registro.

A caixa de diálogo Registrar formulário de atualização é exibida.

No menu pop-up Conexão, selecione uma conexão com o banco de dados.

Clique no botão Definir caso você precise definir uma conexão.

No menu pop-up Tabela a atualizar, selecione a tabela do banco de dados que contém o registro a ser atualizado.

No menu pop-up Selecionar registro de, especifique o conjunto de registros que contém o registro exibido no formulário HTML.

No menu pop-up Coluna de chave única, selecione uma coluna de chave (geralmente a coluna ID do registro) para identificar o registro na tabela do banco de dados.

Caso o valor seja um número, selecione a opção Numérico. Uma coluna de chave geralmente aceita apenas valores numéricos, mas às vezes aceita valores de texto.

Na caixa Depois da atualização, ir para, insira a página a ser aberta após a atualização do registro na tabela.

Na área Campos do formulário, especifique quais colunas da tabela do banco de dados cada objeto de formulário deve atualizar.

Por padrão, Dreamweaver cria um objeto de formulário para cada coluna na tabela do banco de dados. Se o banco de dados gerar automaticamente IDs de chave únicos para cada novo registro criado, remova o objeto de formulário correspondente à coluna de chave selecionando-o na lista e clicando no botão Menos (-). Isso elimina o risco de que o usuário do formulário insira um valor de ID que já existe.

Também é possível alterar a ordem dos objetos de formulário no formulário HTML selecionando um objeto de formulário na lista e clicando na seta para cima ou para baixo no lado direito da caixa de diálogo.

Especifique como cada campo de entrada de dados deve aparecer no formulário HTML clicando em uma linha na tabela Campos do formulário e inserindo as seguintes informações nas caixas abaixo da tabela:

• Na caixa Rótulo, digite um rótulo descritivo a ser exibido ao lado do campo de entrada de dados. Por padrão, Dreamweaver exibe o nome da coluna da tabela no rótulo.

• No menu pop-up Exibir como, selecione um objeto de formulário para servir como campo de entrada de dados. Você pode selecionar Campo de texto, Área de texto, Menu, Caixa de seleção, Grupo de botões de opção e Texto. Para entradas somente leitura, selecione Texto. Você também pode selecionar Campo de senha, Campo de arquivo e Campo oculto.

• No menu pop-up Enviar como, selecione o formato de dados esperado pela tabela do banco de dados. Por exemplo, caso a coluna da tabela aceite apenas dados numéricos, selecione Numérico.

• Defina as propriedades do objeto de formulário. Você conta com opções diferentes dependendo do objeto de formulário selecionado por você como o campo de entrada de dados. Para campos de texto, áreas de texto e texto, você pode inserir um valor inicial. Para menus e grupos de botões de opção, você abre outra caixa de diálogo a fim de definir as propriedades. Para opções, selecione a opção Marcado ou Desmarcado.  

Configure as propriedades de outros objetos de formulário selecionando outra linha de Campos do formulário e inserindo um rótulo, Valor de exibição como e Valor de envio como.

Para menus e grupos de botões de opção, abra outra caixa de diálogo para definir as propriedades. Para opções, defina uma comparação entre o valor do registro atual para a opção e um valor específico para determinar se a opção está marcada quando o registro é exibido.

Clique em OK.

Dreamweaver adiciona um formulário HTML e um comportamento de servidor Atualizar registro à página.

O objeto de dados adiciona um formulário HTML e um comportamento de servidor de atualização de registro à sua página.Os objetos de formulário são organizados em uma tabela básica, que você pode personalizar usando as ferramentas de design de página do Dreamweaver. (Certifique-se de que todos os objetos de formulário permaneçam dentro dos limites do formulário.)

Para editar o comportamento do servidor, abra o painel Comportamentos do servidor (Janela > Comportamentos do servidor) e clique duas vezes no comportamento Atualizar registro.

Selecione Manualmente ou Do banco de dados, dependendo de como planeja criar o elemento de formulário.

Clique no botão de adição (+) para adicionar um elemento.

Digite um rótulo e um valor para o elemento.

Na caixa Selecionar Valor Igual A, se desejar que um elemento específico seja selecionado quando a página abrir em um navegador ou quando um registro for exibido no formulário, insira um valor igual ao valor do elemento.

Você pode inserir um valor estático ou especificar um valor dinâmico clicando no ícone de raio e selecionando um valor dinâmico na lista de fontes de dados.Em ambos os casos, o valor especificado deve corresponder a um dos valores do elemento.