MySQL PHP

PHP CRUD Dengan MySQLi dan Bootstrap (Create, Read, Update, Delete)

php-crud-mysqli-3
Written by Fatoni

PHP CRUD Dengan MySQLi dan Bootstrap (Create, Read, Update, Delete).  Halo sobat tutorialweb, pada kesempatan kali ini saya akan membuat sebuah tutorial bagaimana caranya membuat sebuah sistem sederhana yaitu PHP CRUD dengan MySQLi dan Bootstrap. Kalau sobat belum tahu apa itu CRUD, maka saya jelaskan sedikit. CRUD adalah singkatan dari Create Read Update Delete, yaitu istilah untuk perintah ke database yaitu Create=INSERT, Read=SELECT, Update=UPDATE dan Delete=DELETE. Jadi di tutorial ini akan di jelaskan bagaimana membuat sebuah sistem yang nantinya bisa digunakan untuk INSERT, SELECT, UPDATE dan DELETE ke database MySQL dengan menggunakan query MySQLi, dan tentunya dengan Framework Bootstrap agar tampilannya lebih bagus.

Oh ya, untuk bootstrap saya pakai online ya, jadi tidak saya download file bootstrapnya, kalau mau sobat bisa download sendiri dan memasukkan nya ke script.

Oke lanjut kita pada tahap tutorialnya. Yang pertama kita lihat dulu struktur file yang akan kita buat nanti apa saya, berikut ini file-file yang dibuat:

php-crud-mysqli-1

Seperti terlihat pada gambar di atas kita akan membuat 5 file, yaitu index.php, tambah.php, edit.php, delete.php dan config.php, di atas ada file db.sql di abaikan saja karena itu backup database dan tidak perlu dibuat.

Yuk ke tahap pembuatannya.

Database

Pertama kita buat database nya dulu sob, dalam tutorial ini saya buat database tutorialweb_crud. Kemudian dumping script SQL di bawah ini supaya mendapatkan tabel dan data yang diperlukan untuk samplenya, berikut ini scriptnya:

Jika sudah nanti kita akan mendapatkan 1 tabel dengan nama mahasiswa dan beberapa data seperti pada gambar di bawah ini

php-crud-mysqli-2

Masalah pembuatan database selesai.

config.php

File config.php ini kita buat untuk melakukan koneksi ke database ya sob, jadi file ini nantinya akan di include ke setiap file yang akan kita buat supaya bisa berhubungan dengan database.

Yuk sob silahkan buat file config.php dan ketikkan script seperti di bawah ini

Jangan lupa dirubah detail koneksinya, jika sudah silahkan disimpan, dan selesai tahapan membuat file config.php

index.php

Selanjutnya kita buat file index.php, file ini adalah file utama dimana setiap kita membuka web maka file index.php ini yang akan di tampilkan pertama kali.

Silahkan sobat buat file index.php dan ketikkan script di bawah ini

ada beberapa penjelasan yang saya masukkan comment di atas, jadi silahkan di baca ya, jika sudah silahkan di simpan.

Hasil dari file index.php akan tampil seperti di bawah ini

php-crud-mysqli-3

tambah.php

Tahapan selanjutnya kita buat file tambah.php, file ini berisi script untuk melakukan proses penambahan data. Ada form input an dan proses INSERT dengan script PHP, silahkan tulis file di bawah ini

jangan lupa di simpan ya.

Hasil dari file tambah.php seperti gambar di bawah ini

php-crud-mysqli-4

edit.php

File edit.php digunakan untuk melakukan proses edit/update data, file ini akan menampilkan form yang sama dengan form tambah.php, bedanya di edit.php ini akan mengambil data ke database tabel mahasiswa dengan kondisi id = $_GET[‘id’] yang di dapatkan dari URL. Berikut ini script untuk edit.php

beberapa keterangan sudah di masukkan di file ya, jadi silahkan baca. Dan jangan lupa simpan.

Hasil dari file edit.php seperti pada gambar di bawah ini

php-crud-mysqli-5

delete.php

Yang terakhir yaitu membuat file delete.php, file ini berisi script untuk menghapus data, dengan query DELETE yang mengambil parameter id dari URL. Berikut ini script nya

sedikit keterangan sudah dimasukkan di file, silahkan baca dengan teliti. Setelah selesai silahkan simpan.

Selesai.

Silahkan di praktekkan sendiri ya sob, usahakan script nya di ketik saja, supaya lebih paham 🙂

Cukup sekian ya sob, terima kasih sudah mampir, dan silahkan Like, Share jika ini membantu sobat.

Video Demo

Download Source Code

Download

 

About the author

Fatoni

Programming is my hobby, not my job.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.