Membuat Schedule di Kalender Menggunakan Jquery dan PHP – Part 2

14/05/2019    Shelli Ripati    118     Website

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.

 

 

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More