Cara Membuat CRUD Menggunakan AngularJS dan PHP Mysql Part 2 -

Hallo sahabat, pada kesempatan sebelumnya kita membahas cara membuat CRUD menggunakan AngularJS dan PHP Mysql. Dan sebelumnya kita sudah membuat database lalu konfigurasi koneksi ke databse serta file index.php. Selanjutnya membuat proses untuk insert, update dan delete.Oke sekarang kita membuat file baru beri nama view_data.php coba ketikkan seperti code berikut ini:

<?php  

//untuk menampilkan data dari database
 
include('config.php');

$query = "SELECT * FROM tbl_customer ORDER BY id DESC";
$statement = $connect->prepare($query);
if($statement->execute())
{
  while($row = $statement->fetch(PDO::FETCH_ASSOC))
  {
    $data[] = $row;
  }
  echo json_encode($data);
}

?>

pada code diatas terdapat perintah sql untuk menampilkna data berdasarkan id terbesar. Untuk mencoba melihat hasilnya kita coba tambahkan data melalui phpmyadmin seperti saya.

Selanjutnya coba buka pada browser ketikkan pada url localhost/namafolder jika benar akan seperti tampilan berikut ini:

Baiklah kita lanjut lagi untuk membuat proses insert data, buat file baru simpan dengan nama file insert.php

<?php  

//untuk menambahkan data Customer

include('config.php');

$message = '';

$form_data = json_decode(file_get_contents("php://input"));

$data = array(
 ':Cust_Name'  => $form_data->Cust_Name,
 ':Address'  => $form_data->Address
);

$query = "
 INSERT INTO tbl_customer 
 (Cust_Name, Address) VALUES 
 (:Cust_Name, :Address)
";

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

if($statement->execute($data))
{
 $message = 'Data berhasil ditambahkan';
}

$output = array(
 'message' => $message
);

echo json_encode($output);

?>

Jika sudah simpan lalu refresh kembali halaman index kemudian lakukan insert data.

setelah melakukan insert bagaimana langsung kita membuat untuk update datanya seperti code berikut ini:

<?php  

//untuk bagian edit data

include('config.php');

$message = '';

$form_data = json_decode(file_get_contents("php://input"));

$data = array(
 ':Cust_Name'  => $form_data->Cust_Name,
 ':Address'  => $form_data->Address,
 ':id'    => $form_data->id
);

$query = "
 UPDATE tbl_customer 
 SET Cust_Name = :Cust_Name, Address = :Address 
 WHERE id = :id
";

$statement = $connect->prepare($query);
if($statement->execute($data))
{
 $message = 'Data berhasil di update';
}

$output = array(
 'message' => $message
);

echo json_encode($output);

?>

jangan lupa simpan kembali lalu klik edit pada salah satu data yang sudah dibuat:

Baiklah mari kita lanjutkan untuk mencoba menghapus salah satu datanya dengan menambahkan code dibawah ini:

<?php

//delete.php

include('config.php');

$message = '';

$form_data = json_decode(file_get_contents("php://input"));

$query = "DELETE FROM tbl_customer WHERE id = '".$form_data->id."'";

$statement = $connect->prepare($query);
if($statement->execute())
{
 $message = 'Data berhasil di Delete';
}

$output = array(
 'message' => $message
);

echo json_encode($output);

?>

dan hasilnya akan seperti dibawah ini saat kita melakukan delete.

oke sahabat pembahasan kita tentang cara membuat CRUD menggunakan AngularJS dan PHP Mysql cukup sampai disini, semoga dapat membantu dalam belajar serta menambah pengetahuan sahabat. Sampai jumpa dilain kesempatan serta pembahasan lainnya.

terima kasih.

Cara Membuat CRUD Menggunakan AngularJS dan PHP Mysql Part 2

Kategori