Apresentação

Olá, pessoal

Atendendo a vários pedidos, vamos implementar nosso sistema incluindo ações para editarmos os cadastros efetuados e termos a possibilidade também, no próximo tutorial, de excluí-los.

Pré-Requisitos

Objetivos

Incluir no sistema a ação de edição de dados.

Conteúdo

1º Passo – Criando a Opção ‘Editar’

Para fazer com que o sistema possibilite-nos a editar um nome ou e-mail cadastrado, precisamos fazer com que ele possa identificar, qual cadastro deverá sofrer tal ação. Para isso, utilizaremos um Recordset que fará esta identificação, pelo campo criado no 1º tutorial, cad_id (responsável pela identificação individual de cada cadastro).

Primeiramente, criemos uma nova página, salvando-a como editar.php. Em seguida, acessemos o painel Bindings > Sinal de “+” > Recordset (Query):

Fig. 01: Recordset (Query)

Fig. 01: Recordset (Query)

E na janela seguinte, realizemos a seguinte configuração:

Fig. 02: Criação do Recordset

Fig. 02: Criação do Recordset

Para verificarmos se está tudo ok, cliquemos em Test e insiramos o valor 3. Teremos o seguinte resultado:

Fig. 03: Teste com banco de dados

Fig. 03: Teste com banco de dados

2º Passo – Criando o Formulário de Edição

Utilizando o mesmo processo do tutorial anterior, vamos criar um formulário de edição dos dados, utilizando o recurso do Dreamweaver Record Insertion Form Wizard, situado no painel Insert, aba Data, a opção Update record > Record Update Form Wizard:

Fig. 04: Update record

Fig. 04: Update record

Realizemos, então, a configuração do nosso formulário:

Fig. 05: Formulário Update Record

Fig. 05: Formulário Update Record

E fazendo alguns ajustes como o título do formulário e o nome do botão, acabamos de criar nosso formulário de edição de dados:

Fig. 06: Formulário de edição

Fig. 06: Formulário de edição

3º Passo – Criando a Página editar_ok.php

Antes de testarmos o formulário de edição, vamos criar a página para onde o usuário será redirecionado assim que clicar em Editar. Para não termos muito trabalho, é só abrirmos a página criada no tutorial anterior, cadastro_ok.php e renomeá-la para editar_ok.php. E inserirmos os textos abaixo:

Os dados foram editados com sucesso..

Clique aqui e veja todos os outros cadastros.

4º Passo – Criando a Opção Editar

E finalmente, para podermos realizar os devidos testes, vamos inserir uma imagem com um link ao lado dos e-mails cadastrados, chamado Editar. Para isso, abramos o arquivo cadastros.php e insiramos uma coluna à direita do campo E-mail e coloquemos a imagem abaixo:

Botão Editar

Em seguida, com a imagem selecionada, coloquemos o link que levará o usuário à página de edição:

editar.php?cad_id=< ?php echo $row_exibe_cad['cad_id']; ?>

Com este link, agora já podemos realizar os testes abaixo:

No próximo tutorial, falaremos como excluir um registro do banco de dados.

Até lá.

CarlosHPS Webdesigner 8)

Blog Widget by LinkWithin