Apresentação

Como Criar um Sistema de Cadastro: Parte 4Olá, pessoal Como prometido, veremos nesta parte, a complementação do sistema de cadastro (como excluir dados) que vem sendo desenvolvido ao longo dos nossos tutoriais. Vamos ao final então?!

Pré-Requisitos

Objetivos

  • Incluir no sistema a ação de exclusão de dados.

Conteúdo

Uma das operações menos utilizadas em um sistema como este é o de exclusão de dados, sabiam?! Isso porque após a exclusão, não se pode mais recuperar os dados. Por isso, que uma alternativa é cria a opção de ativo e inativo, mas aí já é outro caso ;) A lógica inicial é semelhante a criada no tutorial anterior, onde vimos como atualizar os dados, isto é, é necessário identificar o registro que pretendemos eliminar. Com isso, vamos realizar os procedimentos a seguir.

1º Passo – Criar a Opção Excluir

Vamos inserir uma imagem com um link ao lado dos e-mails cadastrados, chamado Excluir. Para isso, abramos o arquivo cadastros.php e insiramos uma coluna à direita do campo Editar e coloquemos a imagem abaixo:

Botão Excluir

Em seguida, com a imagem selecionada, coloquemos o link da página responsável pela exclusão: excluir.php e em seguida, cliquemos na “pastinha” ao lado do campo link para fazermos a inclusão das instruções do registro.

Fig. 01: Parâmetros do link

Fig. 01: Parâmetros do link

Na janela seguinte, no campo URL, cliquemos em Parameters…

Fig. 02: Parâmetros do link

Fig. 02: Parâmetros do link

Na primeira coluna (name), coloquemos a palavra cad_id e na segunda (coluna value), cliquemos no “raio” para abrir uma nova janela, Dynamic Data e selecionemos o campo cad_id.

Fig. 03: Dynamic Data

Fig. 03: Dynamic Data

Clicando em OK até voltarmos à página cadastros.php, o link da imagem deverá conter o seguinte código:

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

2º Passo – Criar Mensagem de Confirmação

Como se trata de uma ação destrutiva, ou seja, que não há como voltar, é coveniente pedir ao usuário que confirme sua atitude de excluir ou não. E esta confirmação faremos utilizando Javascript. Com a imagem selecionada, acessemo o menu Modify > Edit TAG, categoria Events > onClick e digitemos a mensagem como mostra a imagem abaixo:

Fig. 04: Mensagem de alerta em JavaScript

Fig. 04: Mensagem de alerta em JavaScript

return confirm('Você realmente deseja excluir este cadastro?');

O onClick indica que no momento em que o usuário clicar na imagem, surgirá uma janela com a mensagem acima. Clicando em OK, o mesmo será redirecionado à página excluir.php. Em Cancelar, ele permanece na página atual.

Fig. 07: Janela de confirmação

Fig. 05: Janela de confirmação

3º Passo – Cria a Página Excluir.php

Na verdade, esta página nunca será visualizada pelo usuário, pois sua única função é carregar as instruções em PHP responsáveis pelo pedido de exclusão de dados. E estas instruções encontraremos no Server Behaviors. Em uma nova página, acessemos o painel Server Behaviors > Sinal de “+” > Delete Record e configuremos de acordo com a imagem a seguir:

Fig. 05: Painel Server Behaviors

Fig. 06: Painel Server Behaviors

Fig. 06: Configuração do Delete Record

Fig. 07: Configuração do Delete Record

4º Passo – Inserir Mensagem de Confirmação de Exclusão

Para finalizarmos, é importante que indiquemos ao usuário que sua exclusão foi realizada com sucesso. Poderíamos ter criado uma página para isso como fizemos anteriormente e inseri-la na configuração do Delete Record no lugar de cadastros.php. Ao invés disso, vamos exibir uma mensagem apenas.

Então, na página excluir.php, complementemos a opção After deleting, go to com a seguinte instrução: cadastros.php?excluido=sucesso Abrindo a página cadastros.php e clicando no modo de exibição Split (ou menu View > Code and Design), logo abaixo do cabeçalho do cadastro, vamos inserir o seguinte código:


< ?php

if ((isset($_GET['excluido'])) && ($_GET['excluido']=="sucesso")) {

echo "<p><i>Cadastro excluído com sucesso!</i>";

}

?>
Fig. 08: Código PHP de confirmação de exclusão

Fig. 08: Código PHP de confirmação de exclusão

Agora é só testar e correr pro abraço :mrgreen:

Bom pessoal, terminamos aqui mais um tutorial.

Até a próxima.

CarlosHPS Webdesigner 8)

Blog Widget by LinkWithin