Bismillah Crud PHP Boostrap Laravel Fitri
Bismillah Crud PHP Boostrap Laravel Fitri
Database: siswa
Table: siswa
Code:
<?php
//MEMBUAT KONEKSI KE DATABASE
$koneksi = mysqli_connect('localhost', 'root', '', 'siswa');
$simpan = mysqli_query(
$koneksi,
"INSERT INTO `siswa` (`nis`, `nama`, `email`, `mobile`) VALUES ('$nis',
'$nama', '$mail', '$hp');"
);
if ($simpan) {
echo "<script>window.alert('data anda berhasil
disimpan')window.location='siswa.php'</script>";
}
}
?>
<?php if (isset($_GET['hapus'])) {
//MEMBUAT KODE HAPUS
$id = $_GET['hapus'];
mysqli_query($koneksi, "DELETE FROM `siswa` WHERE `nis` ='$id'");
echo 'data berhasil dihapus';
echo "<meta http-equev=refresh content=2;URL='siswa.php'>";
} ?>
<?php
//untuk memperbarui/edit data
if (isset($_POST['perbarui'])) {
$key = $_POST['key'];
$nis = $_POST['nis'];
$nama = $_POST['nama'];
$mail = $_POST['mail'];
$mobile = $_POST['mobile'];
$sql = "UPDATE siswa SET nis='$nis',nama='$nama',email='$mail',mobile='$mobile'
WHERE nis='$nis'";
if (mysqli_query($koneksi, $sql)) {
header('location:?');
} else {
echo mysqli_error($koneksi);
}
} ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<center>
<form action="" method="POST">
<h1>DATA SISWA</h1>
<table >
<tr>
<td>nis</td>
<td><input type="text" name="nis"></td>
</tr>
<tr>
<td>nama</td>
<td><input type="text" name="nama"></td>
</tr>
<tr>
<td>email</td>
<td><input type="text" name="email"></td>
</tr>
<tr>
<td>no HP</td>
<td><input type="text" name="mobile"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="save please!" name="simpan"></td>
</tr>
</table>
</form>
<form action="">
<table border="1">
<tr>
<td>no</td>
<td>nis</td>
<td>nama</td>
<td>Email</td>
<td>No HP</td>
<td>act</td>
</tr>
<?php
$no = 1;
$tampil = mysqli_query(
$koneksi,
'SELECT * FROM `siswa` ORDER BY `nama` ASC'
);
while ($row = mysqli_fetch_array($tampil)) { ?>
<tr>
<td><?= $no++ ?></td>
<td><?= $row['nis'] ?></td>
<td><?= $row['nama'] ?></td>
<td><?= $row['email'] ?></td>
<td><?= $row['mobile'] ?></td>
<td>
<a href="?edit&nis=<?= $row['nis'] ?>">Edit</a> ||
<a href="?hapus=<?= $row['nis'] ?>"> Delete</a>
</td>
</tr>
<?php }
?>
</table>
</form>
</body>
</html>
$nis = $_GET['nis'];
$sql = "SELECT * FROM siswa WHERE nis='$nis'";
$query = mysqli_query($koneksi, $sql);
$row = mysqli_fetch_assoc($query);
?>
<form action="" method="post">
<h1>Edit Data Siswa</h1>
<table>
<tr>
<td>
<input type="hidden" name="key" value="<?= $row['nis'] ?>">
<input name="nis" placeholder="nis" value="<?= $row['nis'] ?>">
</td>
</tr>
<tr>
<td><input name="nama" placeholder="nama" value="<?= $row['nama'] ?>"></td>
</tr>
<tr>
<th><input name="mail" placeholder="mail" value="<?= $row['email'] ?>"></th>
</tr>
<tr>
<th><input name="mobile" placeholder="mobile" value="<?= $row['mobile'] ?>"></th>
</tr>
<tr><th><button name="perbarui">Perbarui</button></th></tr>
</table>
</form>
<?php } ?>
Hasil tampilan:
Tampilan edit data:
Tampilan ini muncul ketika kita tekan tombol Edit, fungsi edit bisa kita terapkan pada teks ataupun
button
Refrensi penggunaan Boostrap
CARA CEPAT MEMBUAT CRUD DENGAN PHP MYSQLI // Bootstrap PHP MySQL (youtube.com)
Disini yang akan saya pakai adalah tamplate sederhana, hanya memperbaiki tampilan sehingga
tampilan tidak kaku
Ini untuk kode HTMLnya:
Yang membedakan hanya <link> copykan saja denganb menekah pojok kanan atas.
Untuk tamplate button dan table, kalian tinggal mencari atau search button atau table saja, kemudian
copykan codenya.
Hasil tamplate:
<?php
//MEMBUAT KONEKSI KE DATABASE
$koneksi = mysqli_connect('localhost', 'root', '', 'absensiswa');
$simpan = mysqli_query(
$koneksi,
"INSERT INTO `siswa` (`nis`, `nama`, `email`, `mobile`) VALUES ('$nis',
'$nama', '$mail', '$hp');"
);
if ($simpan) {
echo "<script>window.alert('data anda berhasil
disimpan')window.location='siswa.php'</script>";
}
}
?>
<?php if (isset($_GET['hapus'])) {
//MEMBUAT KODE HAPUS
$id = $_GET['hapus'];
mysqli_query($koneksi, "DELETE FROM `siswa` WHERE `nis` ='$id'");
echo 'data berhasil dihapus';
echo "<meta http-equev=refresh content=2;URL='siswa.php'>";
} ?>
<?php
//untuk memperbarui/edit data
if (isset($_POST['perbarui'])) {
$key = $_POST['key'];
$nis = $_POST['nis'];
$nama = $_POST['nama'];
$mail = $_POST['mail'];
$mobile = $_POST['mobile'];
$sql = "UPDATE siswa SET nis='$nis',nama='$nama',email='$mail',mobile='$mobile'
WHERE nis='$nis'";
if (mysqli_query($koneksi, $sql)) {
header('location:?');
} else {
echo mysqli_error($koneksi);
}
} ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-
QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
crossorigin="anonymous">
<style>
Memberi pengaturan dengan lebar
.mx-auto{width:800px} 800 pixel
.card{margin-top: 10px;} Memberi jarak atas card 10 pixel
</style>
</head>
<body>
<div class="mx-auto">
<!-- untuk memasukkan data -->
<div class="card">
<div class="card-header">
Create Data
</div>
<div class="card-body">
<center>
<form action="" method="POST">
<h1>Data Siswa</h1>
<table >
<tr>
<td>nis</td>
<td><input type="text" name="nis"></td>
</tr>
<tr>
<td>nama</td>
<td><input type="text" name="nama"></td>
</tr>
<tr>
<td>email</td>
<td><input type="text" name="email"></td>
</tr>
<tr>
<td>no HP</td>
<td><input type="text" name="mobile"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="save please!" name="simpan"></td>
</tr>
</table>
</form>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
</td>
</tr>
<?php }
?>
</table>
</form>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<?php
//untuk menampilkan data ke inputan
if (isset($_GET['edit'])) {
$nis = $_GET['nis'];
$sql = "SELECT * FROM siswa WHERE nis='$nis'";
$query = mysqli_query($koneksi, $sql);
$row = mysqli_fetch_assoc($query);
?>
<form action="" method="post">
<h1>Edit Data Siswa</h1>
<table>
<tr>
<td>
<input type="hidden" name="key" value="<?= $row['nis'] ?>">
<input name="nis" placeholder="nis" value="<?= $row['nis'] ?>">
</td>
</tr>
<tr>
<td><input name="nama" placeholder="nama" value="<?= $row['nama'] ?>"></td>
</tr>
<tr>
<th><input name="mail" placeholder="mail" value="<?= $row['email'] ?>"></th>
</tr>
<tr>
<th><input name="mobile" placeholder="mobile" value="<?= $row['mobile'] ?>"></th>
</tr>
<tr><th><button name="perbarui">Perbarui</button></th></tr>
</table>
</form>
<?php } ?>
</div>
</div>
</div>
</body>
</html>
CRUD 2 TABEL BERELASI + BOOSTRAP
Refrensi:
Tutorial CRUD 2 Tabel yang Saling Berelasi (PHP + MySQLi) (youtube.com)