Belajar PHP MySQLi #4 : Menambahkan (Insert) Data Ke Database

Posted on

Belajar PHP MySQLi Insert data kedalam Database,  Pada sesi belajar PHP kali ini kita akan membahas cara memasukan banyak data kedalam database melanjutkan project yang sudah kita buat sebelumnya.

Saya sarankan silahkan baca sesi belajar PHP sebelumnya Belajar PHP MySQLi #1 Menyiapkan Local Server XAMPP, MAMP, LAMPBelajar PHP MySQLi #2 : Membuat Database, Koneksi ke Database MySQLi dan MySQL dan Belajar PHP MySQLi #3 : Menampilkan Data & Detail Data dari Database pada Tabel.

Pada sesi ini kita akan membuat halaman baru yang nantinya berguna untuk menambahkan data, dengan nama tambah.php.

Insert Data Ke Database

Silahkan buat file baru dengan nama tambah.php pada project yang sama yang sudah dibuat sebelumnya, dan tuliskan seluruh code berikut ini.

tambah.php

<?php
// defenisikan koneksi
require('koneksi.php');
// cek apakah tombol simpan sudah ditekan
if (isset($_POST['submit'])) {
// jika sudah, ambil nilai masing-masing field
$namaDepan = $_POST['namaDepan'];
$namaBelakang = $_POST['namaBelakang'];
$alamat = $_POST['alamat'];
// query menyimpan data ke database
$sql = "INSERT INTO tbl_biodata(nama_depan,nama_belakang,alamat)
VALUES('$namaDepan','$namaBelakang','$alamat')";
// cek apakah proses simpan berhasil
if (mysqli_query($conn, $sql)) {
// jika berhasil, redirect ke index.php
header('Location:index.php');
} else {
// jika tidak, tampilkan pesan gagal menyimpan
echo "Ouppsss..., maap proses menyimpan data tidak berhasil";
}
}
?>
<!DOCTYPE html>
<html lang="id" dir="ltr">
<head>
<title>kodeajaib[dot]com</title>
</head>
<body>
<h2>Selamat Datang di KodeAjaib.com</h2>
<h3>Tambah Biodata</h3>
<!-- form input nama depan, nama belakang, alamat dan tombol simpan -->
<form action="" method="POST">
<table>
<tr>
<td>Nama Depan</td>
<td><input type='text' name='namaDepan' required></td>
</tr>
<tr>
<td>Nama Belakang</td>
<td><input type='text' name='namaBelakang' required></td>
</tr>
<tr>
<td>Alamat</td>
<td><textarea name='alamat' rows='8' cols='80' required></textarea></td>
</tr>
<tr>
<td></td>
<td><input type='submit' name='submit' value='Simpan Data'></td>
</tr>
</table>
</form>
<!-- form input selesai -->
<p><a href="index.php">Kembali ke Index</a></p>
<p>Copyright @ Localhost</p>
</body>
</html>

Silahkan akses project anda pada alamat http://localhost/todo/tambah.php dan silahkan isi data sesuai kebutuhan. Tekan tombol simpan dan jika berhasil anda akan diarahkan ke halaman index.php, jika tidak akan muncul pesan “Data tidak berhasil disimpan“.

Untuk menambahkan menu “Tambah Data” pada halaman Index.php silahkan tambahkan baris code berikut pada halaman index.php

<p><a href="tambah.php">Tambah Bioadata</a></p>

Sehingga code keseluruhan file index.php menjadi seperti berikut ini :

index.php

<?php
// defenisikan koneksi
require('koneksi.php');
?>
<!DOCTYPE html>
<html lang="id" dir="ltr">
<head>
<title>kodeajaib[dot]com</title>
</head>
<body>
<h2>Selamat Datang di KodeAjaib.com</h2>
<h3>Tabel Biodata</h3>
<p><a href="tambah.php">Tambah Bioadata</a></p>
<?php
// query SQL menampilkan data dari table tbl_biodata
$sql = "SELECT * FROM tbl_biodata ORDER BY id DESC";
// tampung data (dalam array) kedalam variable $biodata
$biodata = mysqli_query($conn, $sql);
// variable untuk membuat tabel HTML
$strTbl = "";
$strTbl .= "<table border='1'>";
$strTbl .= "<tr>";
$strTbl .= "<th>No</th>";
$strTbl .= "<th>Nama</th>";
$strTbl .= "<th>Alamat</th>";
$strTbl .= "<th>Aksi</th>";
$strTbl .= "</tr>";
// variable nomor urut
$nomor = 1;
// cek apakah $biodata nilai kosong atau tidak
if (mysqli_num_rows($biodata) > 0) {
// jika ada looping untuk membaca seluruh data
// dan tampilkan kedalam tabel
while ($data = mysqli_fetch_assoc($biodata)) {
// tampilkan data kedalam table
$strTbl .= "<tr>";
$strTbl .= "<td>". $nomor."</td>";
$strTbl .= "<td>". $data['nama_depan'] ." ".$data['nama_belakang'] ."</td>";
$strTbl .= "<td>". $data['alamat'] ."</td>";
$strTbl .= "<td><a href='detail.php?id=".$data['id']."'>Lihat Detail</a></td>";
$strTbl .= "</tr>";
$nomor++;
}
} else {
// jika data kosong, tampilkan pesan didalam tabel
$strTbl .="<tr><td colspan='4'>Ooouppsss... Maaf, data masih kosong, tambahkan data dari Database terlebih dahulu</td></tr>";
}
$strTbl .= "</table>";
// tampilkan tabel pada halaman
print($strTbl);
?>
<p>Copyright @ Localhost</p>
</body>
</html>

Sesi belajar PHP dan Database MySQLi ini akan terus di Update, jangan sampai ketinggalan dengan cara berlangganan melalui Email dan Follow juga sosial media kode ajaib.

See you next lessons and happy coding ….

Leave a Reply

Your email address will not be published. Required fields are marked *