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:
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:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
-- phpMyAdmin SQL Dump -- version 4.7.4 -- -- Host: 127.0.0.1 -- Generation Time: Dec 01, 2022 at 03:13 AM -- Server version: 10.1.29-MariaDB -- PHP Version: 7.0.26 SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; SET AUTOCOMMIT = 0; START TRANSACTION; SET time_zone = "+00:00"; -- -- Database: `tutorialweb_crud` -- -- -------------------------------------------------------- -- -- Table structure for table `mahasiswa` -- DROP TABLE IF EXISTS `mahasiswa`; CREATE TABLE `mahasiswa` ( `id` int(11) NOT NULL, `nim` int(11) NOT NULL, `nama` varchar(50) NOT NULL, `jenis_kelamin` varchar(20) NOT NULL, `jurusan` varchar(30) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; -- -- Dumping data for table `mahasiswa` -- INSERT INTO `mahasiswa` (`id`, `nim`, `nama`, `jenis_kelamin`, `jurusan`) VALUES (2, 11112, 'TEDY SULTONI', 'LAKI-LAKI', 'TEKNIK INFORMATIKA'), (3, 11113, 'ABDUL KAMIL', 'LAKI-LAKI', 'TEKNIK INFORMATIKA'), (4, 11114, 'MEGA WATI PUTRI', 'PEREMPUAN', 'TEKNIK INFORMATIKA'), (5, 11115, 'DWI WAHYUNI', 'PEREMPUAN', 'TEKNIK INFORMATIKA'), (6, 11116, 'KIWIL', 'LAKI-LAKI', 'TEKNIK INFORMATIKA'); -- -- Indexes for dumped tables -- -- -- Indexes for table `mahasiswa` -- ALTER TABLE `mahasiswa` ADD PRIMARY KEY (`id`); -- -- AUTO_INCREMENT for dumped tables -- -- -- AUTO_INCREMENT for table `mahasiswa` -- ALTER TABLE `mahasiswa` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=7; COMMIT; |
Jika sudah nanti kita akan mendapatkan 1 tabel dengan nama mahasiswa dan beberapa data seperti pada gambar di bawah ini
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
1 2 3 4 5 6 7 8 9 |
<?php //koneksi ke database mysql, silahkan di rubah dengan koneksi agan sendiri $koneksi = mysqli_connect("localhost","root","","tutorialweb_crud"); //cek jika koneksi ke mysql gagal, maka akan tampil pesan berikut if (mysqli_connect_errno()){ echo "Gagal melakukan koneksi ke MySQL: " . mysqli_connect_error(); } ?> |
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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 |
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
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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 |
jangan lupa di simpan ya.
Hasil dari file tambah.php seperti gambar di bawah ini
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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 |
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
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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<?php //include file config.php include('config.php'); //jika benar mendapatkan GET id dari URL if(isset($_GET['id'])){ //membuat variabel $id yang menyimpan nilai dari $_GET['id'] $id = $_GET['id']; //melakukan query ke database, dengan cara SELECT data yang memiliki id yang sama dengan variabel $id $cek = mysqli_query($koneksi, "SELECT * FROM mahasiswa WHERE id='$id'") or die(mysqli_error($koneksi)); //jika query menghasilkan nilai > 0 maka eksekusi script di bawah if(mysqli_num_rows($cek) > 0){ //query ke database DELETE untuk menghapus data dengan kondisi id=$id $del = mysqli_query($koneksi, "DELETE FROM mahasiswa WHERE id='$id'") or die(mysqli_error($koneksi)); if($del){ echo '<script>alert("Berhasil menghapus data."); </script>'; }else{ echo '<script>alert("Gagal menghapus data."); </script>'; } }else{ echo '<script>alert("ID tidak ditemukan di database."); </script>'; } }else{ echo '<script>alert("ID tidak ditemukan di database."); </script>'; } ?> |
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
passwordnya apa ???
klik kanan pilih properties, disitu ada komen.
password rar nya apa ???
baca lagi artikelnya
Semua file diatas simpannya di direktori mana ya ?
upload / files
mas saya pas dibagian edit gagal kenapa ya muncul seperti ini Notice: Undefined variable: data in C:\Users\Ariq Adritian\Desktop\xampp\htdocs\crud\edit.php on line 83
variabel data belum di definisikan.
$cek = mysqli_query($koneksi, “SELECT * FROM elogbook WHERE id_logbook=’$id'”) or die(mysqli_error($koneksi));
fungsi ini untuk apa ya bang
query ke database SELECT dimana id nya sama dngan
maksaih tutorial tetap berbagi mantap