Langsung Saja, CRUD adalah inti untuk membuat sebuah website, karena itu saya ingin mambagikan code serta penjelasannya, menggunakan PHP versi 7 dan MySQLi.
1. Buat database dan Tablenya terlebih dahulu, Kemudian buat seperti gambar berikut ini.
atau bagi kalian ingin menggunakan Terminal Linux atau SQL query, kalian bisa copy code di bawah ini.
1. CREATE DATABASE nama_database;
2. CREATE TABLE nama_table (
id INT(10) AUTO_INCREMENT PRIMARY KEY,
nama VARCHAR(30),
alamat TEXT,
jenis_kelamin VARCHAR(10)
);
2. Buat file koneksi.php, kemudian ikuti code berikut.
<?php
$koneksi = mysqli_connect("localhost","root","","nama_database_kalian");
if (mysqli_connect_errno()) {
echo 'koneksi ke database gagal' .mysqli_connect_error();
}
?>
3. Buat file index.php dan ikuti code berikut ini.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<title>CRUD PHP</title>
</head>
<body>
<div class="container col-md-8 mt-5 shadow">
<a href="read.php"><strong>Lihat Data</strong></a>
<form class="ml-5 mr-5 pt-5 pb-5" action="proses.php" method="post">
<h2 class="text-center">CREATE</h2>
<div class="form-group">
<label for="inputName">Nama</label>
<input type="text" class="form-control" name="nama" id="inputName" placeholder="Masukkan Nama Lengkap">
</div>
<div class="form-group">
<label for="inputAddress">Alamat</label>
<input type="text" class="form-control" name="alamat" id="inputAddress" placeholder="Masukkan Alamat Lengkap">
</div>
<div class="form-group">
<label for="inputState">Jenis Kelamin</label>
<select id="inputState" name="jenis_kelamin" class="form-control">
<option selected disabled>Pilih Jenis Kelamin</option>
<option value="Laki-Laki">Laki-Laki</option>
<option value="Perempuan">Perempuan</option>
</select>
</div>
<button type="submit" class="btn btn-primary">SELESAI</button>
<button type="reset" class="btn btn-warning">RESET</button>
</form>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</body>
</html>
<!--
Catatan :
Untuk memproses form di atas maka,kita menggunakan action="proses.php", pada bagian method, kita menggunakan method="post" yang fungsinya untuk mengirimkan data atau nilai langsung ke action untuk ditampung, tanpa menampilkan pada URL, dan untuk name-nya kita harus sesuaikan dengan nama atribut yang telah kita buat.
-->
4. Buat file dengan nama proses.php, kemudian ikuti code b
<?php
include 'koneksi.php';
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$jk = $_POST['jenis_kelamin'];
$query = mysqli_query($koneksi, "INSERT INTO crud (nama,alamat,jenis_kelamin) VALUES ('$nama','$alamat','$jk')");
if ($query){
echo "<script>alert('Berhasil Mendaftar');window.location='read.php'</script>";
}else{
echo "<script>alert('Gagal Mendaftar');window.location='index.php'</script>";
}
?>
<!--
Catatan :
Pada bagian $_POST[' '] kita sesuaikan dengan nama atribut yang telah kita buat.
kita bisa melihat beberapa code didalam script diatas, diantaranya :
- include 'koneksi.php' => berfungsi untuk memasukkan file koneksi.php kedalam proses.php
- mysqli_query => digunakan untuk mengeksekusi query MySQL
- $koneksi => memanggil variable yang sudah kita buat di koneksi.php
- INSERT INTO crud (nama,alamat,jenis_kelamin) =>; digunakan untuk memasukkan nama,alamat,jenis kelamin pada table crud, dan harus menggunakan nama atribut yang sudah kita buat.
- VALUES ('$nama','$alamat','$jk') =>; digunakan untuk memasukkan nilai yang ingin kita buat, oleh karena itu kita menggunakan variablenya.
-->
Sampai disini kita sudah membuat form inputan (create) yang sudah bisa digunakan kemudian kita akan menampilkan data yang sudah kita masukkan kedalam database.
5. Buatlah file baru lagi dengan nama read.php, kemudian ikuti code berikut ini.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<title>CRUD PHP</title>
</head>
<body>
<div class="container mt-5">
<strong><a href="index.php">back</a></strong>
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover">
<thead class="thead-dark text-center">
<tr>
<th>No</th>
<th>Nama</th>
<th>Alamat</th>
<th>Jenis Kelamin</th>
<th>Opsi</th>
</tr>
</thead>
<tbody class="text-center">
<?php
include "koneksi.php";
$query = mysqli_query($koneksi,"SELECT * FROM crud");
$no = 1;
while($data = mysqli_fetch_array($query)){
?>
<tr>
<td><?php echo $no++; ?></td>
<td><?php echo $data['nama']; ?></td>
<td><?php echo $data['alamat']; ?></td>
<td><?php echo $data['jenis_kelamin']; ?></td>
<td>
<a class="edit" href="edit.php?id=<?php echo $data['id']; ?>">Edit</a> |
<a class="hapus" href="hapus.php?id=<?php echo $data['id']; ?>">Hapus</a>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</body>
</html>
<!--
Catatan:
Pada bagian "SELECT * FROM crud" => digunakan untuk menampilkan semua data yang ada pada table crud. , kemudian mysqli_fetch_array($query) => digunakan agar tipe data berupa array. , pada bagian $data['nama'],['alamat'] dan ['jenis_kelamin'] => digunakan untuk menampilkan nama berupa array, dan digunakan untuk manampilkan gambar berupa array pada table. dan terakhir, pada bagian ini edit.php?id=<?php echo $data['id']; ?> dan hapus.php?id=<?php echo $data['id']; ?> => digunakan untuk mengedit dan menghapus data berdasarkan id nya. -->
Horee pada kali ini kita sudah membuat dan menampilkan data menggunakan database, Oke selanjutnya kita akan membuat 'Update dan Delete'. berikut link nya Membuat CRUD (Create, Read, Update, Delete) Dengan PHP dan MySQLi Part 2. Apabila ada yang kurang jelas, bisa kirim komentar kalian di bawah ini.
Wasalamu'alaikum warahmatullahi wabarakatuh.