Jump to content

Listar eventos do banco de dados no FullCalendar

Yaritza Silva

Por Yaritza Silva
em PHP

 Compartilhar

Postagens Recomendadas

Yaritza Silva

Yaritza Silva

Postado
Postado

Sou beem iniciante em programação e estou tentando fazer um tipo de agenda web, com php e um tiquin de javascript. Tentei seguir tutoriais e etc, mas ainda não consigo resolver. Estou usando o FullCalendar, para o calendário, e gostaria de trazer as informações (eventos) diretamente do meu banco de dados. Tentei puxar de diversas formas e não consigo, se puderem me ajudar, agradeço pra dedéu. Segue abaixo trechos do código

calendario.php 

  <?php include_once("conexao.php");
    $consulta_atividade = "SELECT * FROM atividades"; 
    $con_atividade = $conn ->  query ($consulta_atividade) or die ($mysqli -> error);?>

<!DOCTYPE html>

<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Calendário Agenda com PHP</title>
    <link rel="stylesheet" href="style_calendar.css">

<link rel="stylesheet" href="fullcalendar\lib\main.min.css">
<script src="fullcalendar\lib\main.min.js"></script>

</head>
<body>
    <div class="calendar">
        <div id="calendar"></div>
    </div>
<script>
  document.addEventListener('DOMContentLoaded', function() {
        var calendarEl = document.getElementById('calendar');
        var calendar = new FullCalendar.Calendar(calendarEl, {
            locale: 'pt-br',
            buttonText: {
                today:    'hoje',
                month:    'mês',
                week:     'semana',
                day:      'dia',},
            contentHeight: 550,
            selectable: true,
            eventLimit: true,
            editable:true,
            navLinks:true,
            events: 'list_atividades.php',
        });
        calendar.render();
      });
    </script>
</body>
</html>

list_atividades.php 

<?php
include 'conexao.php';


$data = array();

$query = "SELECT * FROM atividades ORDER BY id_atividades";

$statement = $connect->prepare($query);

$statement->execute();

$result = $statement->fetchAll();

foreach($result as $row)
{
 $data[] = array(
  'id_atividades'   => $row["id_atividades"],
  'atividade'   => $row["atividade"],
  'start'   => $row["start_event"],
  'end'   => $row["end_event"]
 );
}

echo json_encode($data);
?>

calendario image.png

Link to comment
Compartilhe em outros sites
  • 2 weeks later...
AUREO SOUTO

AUREO SOUTO

Postado
Postado

Olá @Yaritza Silva, fiz testes e funcionou.

  •  talvez tenha esquecido de testar apenas o arquivo list_atividades.php e verificar se está retornando algo..
  •  registre algum evento na base de dados, para que tenha retorno
  • coloquei a biblioteca fullcalendar numa subpasta fullcalendar  e inseri o link assim:
  • image.png
  • meu projeto ficou nesta estrutura ( a pasta nbproject é arquivo temporario de IDE):
  • image.png
  • minha conexão ficou assim, apenas pra exemplo:
  • image.png
  • meu banco ficou assim:
  • image.png

e meu calendário :

image.png

 

 

 

Por fim, qualquer dúvida, fique à vontade.

  • Amei 1
Link to comment
Compartilhe em outros sites

Crie uma conta ou entre para comentar 😀

Você precisa ser um membro para deixar um comentário.

Crie a sua conta

Participe da nossa comunidade, crie sua conta.
É bem rápido!

Criar minha conta agora

Entrar

Você já tem uma conta?
Faça o login agora.

Entrar agora
 Compartilhar
Ir para a listagem de tópicos


×
×
  • Create New...