CRUD com Bootstrap, PHP & MySQL – Parte VI

Esta é uma série de tutoriais, na qual você vai aprender uma forma eficaz de implementar um sistema de CRUD completo, usando o Bootstrap no front-end e PHP com MySQL no back end.

Agora, neste tutorial, você vai ver como criar a parte de exclusão de registros, usando o componente de modal do Bootstrap.

crud-bootstrap-modal-delete

Ao final deste tutorial, você vai ter um mecanismo de exclusão bem intuitivo para o usuário e poderá reaproveitar no seu projeto.

Aviso: Devido a outros projetos, vou adicionar as explicações de cada código aos poucos, durante a semana.


Antes de Começar

Eu vou assumir que você já está com o seu ambiente de desenvolvimento funcionando, e que já passou pelas partes anteriores desta série.

Se você ainda não estiver com o ambiente pronto, é só ver a introdução desta série para instalar os pré-requisitos, e criar o BD.

Este tutorial é um pouco extenso, e tem alguns códigos mais complexos. Separe um tempo para entender bem, e caso não entenda alguma parte, é só perguntar nos comentários.


Passo 1: Crie a Função de Exclusão

Voltando à pasta customers, implemente a função de exclusão no módulo de clientes, ou seja, no arquivo functions.php:


Passo 2: Crie o Modal de Confirmação

Agora, precisamos criar o modal de confirmação que irá aparecer quando o usuário apertar o botão de Excluir.

Para isso, crie um arquivo chamado modal.php, dentro da pasta customers, e adicione essa marcação:


Passo 3: Inclua o Modal na Listagem (importante!)

Faça a importação do arquivo modal.php no arquivo index.php. Coloque antes do template do footer:

// index.php
...

<?php include('modal.php'); ?>

<?php include(FOOTER_TEMPLATE); ?>

Com isso, a marcação do modal vai ser injetada na página de listagem e aí o modal poderá ser exibido.


Passo 4: Implemente a chamada JavaScript para excluir

Na pasta /js do seu projeto, deve ter um arquivo chamado main.js. Se não tiver, crie ele.

Nesse arquivo, você deve implementar o evento que passa os dados para o modal e chama a função de exclusão:

Este arquivo já deve estar referenciado no seu projeto, pelo template do footer. Se não estiver, você precisará adicionar essa referência, como foi feito na parte 2 desta série.


Passo 5: Crie a Página de Exclusão

Na pasta customers, crie um arquivo chamado delete.php.

Esse arquivo vai receber a chamada do JavaScript junto com o ID do cliente, e executará a exclusão.

Implemente a marcação abaixo, nesse arquivo:


Passo 6: Implemente o SQL de Exclusão

Para finalizar, falta o comando de exclusão no banco de dados.

No arquivo inc/database.php, implemente a função remove:


Próximos Passos…

Agora, fechamos o CRUD e já é possível gerenciar o cadastro de clientes com as operações principais.

Existem várias melhorias que você pode fazer nesse código. Principalmente, relacionadas a segurança do SQL e validação de dados.

Este exemplo CRUD foi feito como uma espécie simulação de arquitetura em camadas, como o MVC, para que você pudesse ver onde cada código se aplica.

Até a próxima!

Orgulhosamente feito com WordPress | Tema: Baskerville 2 por Anders Noren

Acima ↑