Membuat Schedule di Kalender Menggunakan Jquery dan PHP – Part 2

Sebelumnya kita sudah membuat tampilan full kalender dan beberapa fungsi event di pembahasan Membuat Schedule di Kalender Menggunakan Jquery dan PHP – Part 1. Pada artikel kali ini tentang Membuat Schedule di Kalender Menggunakan Jquery dan PHP – Part 2 kita akan membuat beberapa file untuk melakukan perintah tampil, edit, hapus, dan input data.

Sebelum membuat perintah CRUD teman-teman sediakan database seperti pada gambar di bawah ini.

Dan untuk menyelesaikan cara Membuat Schedule di Kalender Menggunakan Jquery dan PHP – Part 2, teman-teman buat satu file baru dengan nama load.php seperti di bawah ini.

<?php

$connect = new PDO('mysql:host=localhost;dbname=test', 'root', '');

$data = array();

$query = "SELECT * FROM shelli_events ORDER BY id";

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

$statement->execute();

$result = $statement->fetchAll();

foreach($result as $row){

 $data[] = array(

  'id'   => $row["id"],

  'title'   => $row["title"],

  'start'   => $row["start_event"],

  'end'   => $row["end_event"]

 );

}

echo json_encode($data);

?>

Jika sudah maka lanjut untuk membuat perintah input ke database dengan nama file insert.php

<?php

$connect = new PDO('mysql:host=localhost;dbname=test', 'root', '');

if(isset($_POST["title"])){

 $query = "INSERT INTO shelli_events

 (title, start_event, end_event)

 VALUES (:title, :start_event, :end_event)";

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

 $statement->execute(

  array(

   ':title'  => $_POST['title'],

   ':start_event' => $_POST['start'],

   ':end_event' => $_POST['end']

  )

 );

}

?>

Selanjutnya buat file update.php untuk proses update.

<?php

$connect = new PDO('mysql:host=localhost;dbname=test', 'root', '');

if(isset($_POST["id"])){

 $query = "UPDATE shelli_events

 SET title=:title, start_event=:start_event, end_event=:end_event

 WHERE id=:id";

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

 $statement->execute(

  array(

   ':title'  => $_POST['title'],

   ':start_event' => $_POST['start'],

   ':end_event' => $_POST['end'],

   ':id'   => $_POST['id']

  )

 );

}

?>

Dan file terakhir teman-teman buat dengan nama delete.php

<?php

if(isset($_POST["id"])){

 $connect = new PDO('mysql:host=localhost;dbname=test', 'root', '');

 $query = "DELETE from shelli_events WHERE id=:id";

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

 $statement->execute(

  array(

   ':id' => $_POST['id']

  )

 );

}

?>

Jika sudah selesai maka teman-teman buka di halaman browser maka akan tampil seperti pada gambar di bawah ini.

Demikian artikel tentang cara Membuat Schedule di Kalender Menggunakan Jquery dan PHP – Part 2. Semoga dapat bermanfaat dan selamat mencoba.

 

 

14 Mei 2019

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat