Tutorial CRUD Framework7 Bahasa Indonesia #4 Delete Data Dari Database


Kurnia Andi Nugroho
Semoga kita semua diridhoi
Tutorial CRUD Framework7 Bahasa Indonesia #4 Delete Data Dari Database

Mari kita awali tutorial kali ini dengan niat yang baik, Semoga kita semua diberikan ilmu yang bermanfaat & barokah

pada tutorial kali ini kita akan melanjutkan sesi berikutnya, setelah kita sudah bisa melakukan create, read dan update data, selanjutnya kita akan mempelajari sesi delete. hal ini bertujuan agar kita bisa menghapus data yang tidak kita inginkan, yang sudah terlanjur masuk kedalam database.

Proses delete didalam framework7 dikatakan lebih singkat, karena sangat sederhana dan mudah dipahami. sebelumnya kita telah berhasil membuat function untuk proses update, untuk proses pembuatan nya hampir sama dengan proses delete, hanya saja sedikiti berbeda dalam query mysql nya.

pada kode sebelumnya kita sudah menambahkan baris kode seperti dibawah ini

 "<td>" + (i + 1) + "</td>" +
        "<td>" + data[i].kd_mapel + "</td>" +
        "<td>" + data[i].nama_mapel + "</td>" +
        "<td><a href='#' id='ubah' data-id='" + data[i].id_mapel + "'>Update</a>&nbsp|<a href='#' id='hapus' data-id='" + data[i].id_mapel + "'>Delete</a><td>" +

untuk proses update kita menggunakan id=''ubah, sedangkan untuk proses delete kita menggunaan id='hapus'.

langkah selanjutnya adalah membuat function hapus didalam file my-app.js

$$("#tampil").on("click", "#hapus", function () {
    var id = $$(this).data("id");
    app.request.post('http://localhost/latihan/delete.php', {
        id: id
    }, function (data) {
        app.dialog.alert("Berhasil dihapus!");
        app.views.main.router.navigate('/home/');
        lihat();
    });
});

Dari kode diatas kita juga harus menambahkan satu file lagi bernama delete.php. untuk kode lengkapnya bisa teman-teman lihat seperti dibawah ini.

<?php
header("Access-Control-Allow-Origin: *");
header("Access-Control-Credentials:true");
header("Access-Control-Allow-Methods: POST,GET,PUT,DELETE,OPTIONS");
header("Access-Control-Max-Age:604800");
header("Access-Control-Request-Headers: x-requested-with");
header("Access-Control-Allow-Headers: x-requested-with, x-requested-by");
include("koneksi.php");
$a = $_POST["id"];
$simpan = mysqli_query($koneksi, "DELETE FROM tbl_mapel WHERE id_mapel='$a'") or die(mysqli_error()); 

Sampai pada langkah ini, kita sudah selesai dalam membuat Delete didalam framework7, bagaiamana ? mudah kan hehehehe. mari kita lihat hasilnya .

Disini kami akan menambahkan satu mata pelajaran baru dengan kode mapel 123-shorof dan nama mapel shorof, kita akan mencoba menambahkan kemudian kita akan menghapus nya untuk percobaan.

Oke, gambar diatas menunjukkan proses input Mapel baru telah berhasil, langkah selanjutnya kita akan menghapusnya melalui Aplikasi Mobile kita.

Juga data bisa tampil di Home aplikasi kita. Mari coba kita hapus dengan cara mengklik opsi hapus yang sudah kita tambahkan diawal tadi.

Untuk lebih pastinya , kita buka kembali database untuk memastikan data benar-benar terhapus.

Oke didalam databse berhasil terhapus, hal ini berlaku juga didalam page home kita, maka data yang kita pilih tadi juga akan terhapus.

Alhamdulillaah, semua proses berjalan dengan lancar, demikian akhir tutorial set dari CRUD Framework7 dengan API Php Native. Semoga menjadikan tambah ilmu yang baik dan bermanfaat. sekian yang bisa kami sampaikan semua kesalahan penulisan baik yang kami sengaja ataupun tidak disengaja, kami mohon maaf yang sebesar-besarnya, Terima Kasih :D.


Kurnia Andi Nugroho
Semoga kita semua diridhoi

Suka dengan tulisan di SantriKoding? Kamu bisa memberikan dukungan dengan berdonasi atau bagikan konten ini di sosial media. Terima kasih atas dukungan Anda!

KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami