PHP e FullCalendar #6 - Como apagar o evento no FullCalendar


Neste tutorial será dado a continuidade da criação do projeto com Fullcalendar. Esse tutorial é a continuação do anterior PHP e FullCalendar #5 - Como editar o evento no FullCalendar.

Neste tutorial será apresentado como apagar evento no FullCalendar. Primeiro será apresentado como criar o botão excluir evento na janela modal visualizar detalhes do evento. Em seguida como buscar e apagar no banco de dados usando PDO o evento do FullCalendar.

Download do código fonte desenvolvido na aula: DOWNLOAD


Vamos para explicação textual o que é implementado nesse tutorial.

Primeiro será utilizado com base o código fonte do tutorial anterior PHP e FullCalendar #5 - Como editar o evento no FullCalendar.

Em seguida acrescentado o botão apagar na janela modal visualizar.

Ao clicar no botão é disparado o "eventClick" do FullCalendar.

<a href="" id="apagar_evento" class="btn btn-danger">Apagar</a>

Ao acessar o  "eventClick" é verificado se vem do seletor "apagar_evento".

$("#apagar_evento").attr("href", "proc_apagar_evento.php?id=" + info.event.id);

Caso o clique venha do botão "apagar_evento" será substituído o href="" pelo:  "href", "proc_apagar_evento.php?id=" + info.event.id

No qual está sendo enviado o ID do evento a ser apagado.


Em seguida é criado o arquivo "proc_apagar_evento.php", no qual recebe o ID do evento a ser apagado.

<?php

session_start();

//Incluir o arquivo de conexão com o banco de dados
include_once './conexao.php';

//Receber o ID do evento através do método GET
$id = filter_input(INPUT_GET, 'id', FILTER_SANITIZE_NUMBER_INT);

//Verificar a variável $id possui valor
if (!empty($id)) {
	//QUERY apagar no banco de dados o evento
    $query_event = "DELETE FROM events WHERE id=:id";
    $delete_event = $conn->prepare($query_event);
    
    $delete_event->bindParam("id", $id);
    
	//Executar a QUERY para apagar o evento
    if($delete_event->execute()){
		//Criar a mensagem de sucesso
        $_SESSION['msg'] = '<div class="alert alert-success" role="alert">O evento foi apagado com sucesso!</div>';
		//Realizar o redirecionamento com PHP
        header("Location: index.php");
    }else{
        $_SESSION['msg'] = '<div class="alert alert-danger" role="alert">Erro: O evento não foi apagado com sucesso!</div>';
        header("Location: index.php");
    }
} else {
    $_SESSION['msg'] = '<div class="alert alert-danger" role="alert">Erro: O evento não foi apagado com sucesso!</div>';
    header("Location: index.php");
}

Para baixar o código fonte do projeto implementado até esse tutorial "DOWNLOAD", após baixar o código fonte colocar o código em um servidor, podendo ser um servidor local "WampServer, Xampp". Em seguida realizar a importação do backup do banco de dados para uma base chamada "celke". 

Portanto, nesse tutorial foi abordado como criar o botão apagar evento, em seguida como receber o ID no JavaScript e para finalizar criado o arquivo PHP para excluir o evento no banco de dados.