Artikel Cara Membuat Edit Data Menggunakan Angular Js dan PHP

Artikel Cara Membuat Edit Data Menggunakan Angular Js dan PHP

Hai sahabat Bukaka host, ketemu lagi dengan artikel cara membuat edit data menggunakan angular js dan php. Artikel ini bagian dari lanjutan artikel sebelumnya yakni input dan tampil data menggunakan angular js dan php. Untuk itu untuk lebih mudah memehami proses edit data menggunakan angular js dan php alangkah baiknya untuk juga membaca artikel sebelumnya.

Artikel edit data ini adalah artikel sederhana atau dasar untuk anda yang lagi belajar php, tetapi dengan menggunakan angular dalam proses edit bisa membuat proses edit lebih menarik lagi.

Artikel Cara Membuat Edit Data Menggunakan Angular Js dan PHP

Untuk memulai praktek dalam artikel ini, pastikan anda telah membuat proses input dan edit data menngunakan angular. Bagi anda yang belum mecoba kami sarankan untuk membuatnya dulu agar bisa lebih paham di artikel edit data ini.

Jika anda sudah membuat proses input dan tampil, langkah selanjutnya adalah tinggal menambahkan beberapa baris script di index.html yang telah anda buat. Tambahkan di bawah script proses tampil.

Artikel Cara Membuat Edit Data Menggunakan Angular Js dan PHP

$scope.editStud=function(id, nama, alamat, jeniskelamin){
            $scope.id=id;
            $scope.nama=nama;
            $scope.alamat=alamat;
            $scope.jenis=jeniskelamin;
            $scope.btnName="Update";
            $scope.obj.idisable=true;
            $scope.displayStud();
}

Selanjutnya menambahkan proses update data di file input.php sehingga akan tampil seperti gambar dibawah ini. untuk script php ini berfungsi untuk memproses input data yang dilakukan ke tabel database. pastikan variabel yang ada sudah sesuai dengan nama field tabel database yang anda buat.

hosting dan domain murah

else{
                $id=$conn->real_escape_string($data->id);
                $nama=$conn->real_escape_string($data->nama);         
                $alamat=$conn->real_escape_string($data->alamat);
                $jenis=$conn->real_escape_string($data->jenis);
                $query="UPDATE murid SET nama = '".$nama."', alamat= '".$alamat."', jeniskelamin='".$jenis."' WHERE id=$id ";
                $conn->query($query);
                }

Artikel Cara Membuat Edit Data Menggunakan Angular Js dan PHP

Setelah selesai, coba anda mengakses project anda di localhost apakah sudah berjalan dengan baik.

Artikel Cara Membuat Edit Data Menggunakan Angular Js dan PHP

Untuk menguji scrip proses edit yang telah dibuat, coba anda memilih salah satu data yang ada, lalu klik edit untuk menampilkannya di form. Edit data yang ada di form lalu klik insert untuk mengubah data yang dipilih. Untuk memastikan proses edit berjalan, coba mengecek data yang sudah anda edit tadi, apakah sudah berubah atau belum. Jika sudah berarti scrip edit data anda telah berhasil anda buat.

 

 

About the Author
Hasmin Aries Pratama
Programmer dan Support Sistem di Bukaka Host, Saat ini telah mengembangkan website prakits di Bukaka Host untuk layanan terbaru kepada pelanggan.