Cara Membuat CRUD Menggunakan AngularJS dan PHP Mysql Part 2

Hallo rekan-rekan, di kesempatan sebelumnya kita membahas cara merancang CRUD menggunakan AngularJS dan PHP Mysql. Dan sebelumnya kita telah merancang database lalu konfigurasi koneksi ke databse serta file index.php. Berikutnya merancang proses bagi insert, update dan delete.Oke kini kita merancang file baru beri nama view_data.php coba ketikkan seperti code berikut ini:

<?php  

//bagi 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);
}

?>

di code diatas terdapat petunjuk sql bagi menampilkna data merujuk pada id terbesar. Bagi mencoba melihat hasilnya kita coba tambahkan data lewat phpmyadmin seperti saya.

Berikutnya coba buka di browser ketikkan di url localhost/namafolder kalau benar akan seperti tampilan berikut ini:

Baiklah kita lanjut lagi bagi merancang proses insert data, bikin file baru simpan dengan nama file insert.php

<?php  

//bagi 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);

?>

Bila telah simpan lalu refresh kembali halaman index kemudian lakukan insert data.

setelah menjalankan insert bagaimana seketika kita merancang bagi update datanya seperti code berikut ini:

<?php  

//bagi bagian modifikasi 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 modifikasi di diantara data yang telah dibangun:

Baiklah mari kita lanjutkan bagi mencoba menghapus diantara 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 dikala kita menjalankan delete.

oke rekan-rekan pembahasan kita mengenai cara merancang CRUD menggunakan AngularJS dan PHP Mysql lumayan hingga disini, semoga dapat menolong pada belajar serta menambah pengetahuan rekan-rekan. Hingga jumpa dilain kesempatan serta pembahasan lainnya.

terima kasih.

Sumber https://kursuswebsite.org