Belajar PHP #16 – Membuat aplikasi CRUD menggunakan PHP dan MySQL

Pada tutorial kali ini, kita akan belajar cara menggunakan PHP dan MySQL untuk membuat aplikasi sederhana yaitu membuat aplikasi CRUD. Mengingat sebelumnya kita telah membahas tentang PHP dan MySQL, maka saya anggap anda sudah mengerti hubungan dari PHP dan MySQL tersebut. Sebelum ke pembahasan, saya akan menjelaskan sedikit pengertian dari CRUD beserta alasan kenapa kita harus mempelajarinya.

Apa itu CRUD ?

CRUD adalah singkatan dari Create, Read, Update, dan Delete. Operasi CRUD adalah memanipulasi data dasar untuk database seperti :

  1. Input ke database
  2. Mengedit data
  3. Menampilkan
  4. Menghapus data

Oleh karena itu tutorial CRUD ini sangat penting untuk dipelajari, karena berdasarkan operasi dari CRUD itu sendiri, maka CRUD dapat diterapkan untuk membuat semua aplikasi lainnya.

Membuat aplikasi CRUD menggunakan PHP dan MySQL

PHP dan MySQL dapat saling terhubung melalui perantara API (Application Programming Interface). API yang akan kita gunakan untuk membuat aplikasi CRUD disini adalah msqli.

Adapun 8 tahap dalam membuat aplikasi CRUD menggunakan PHP dan MySQL yaitu :

  1. Menyiapkan Database
  2. Membuat Folder Database
  3. Menghubungkan ke Database MySQL
  4. Membuat Menu pada index halaman
  5. Menampilkan Tabel Data MySQL
  6. Menambahkan Data ke Tabel MySQL
  7. Menghapus Data dari Tabel MySQL
  8. Update Data di Tabel MySQL

Menyiapkan Database

Tahap pertama dalam membuat aplikasi CRUD menggunakan PHP dan MySQL yaitu menyiapkan database nya dahulu. Buatlah database dengan nama pendaftaran_mahasiswa.

aplikasi crud php mysql

Setelah itu, buatlah tabel di dalam database seperti berikut :

  • Nama : calon_mahasiswa
  • Jumlah kolom : 8

Lalu klik tombol “Kirim”

aplikasi crud php mysql

Selanjutnya Isi tipe data kolomnya seperti gambar dibawah.

aplikasi crud php mysql
NamaJenisPanjang/NilaiIndeks
idINTPRIMARY
namaVARCHAR64
alamatVARCHAR255
jenis_kelaminVARCHAR16
agamaVARCHAR16
sekolah_asalVARCHAR64
umurVARCHAR16
nama_ibu_kandungVARCHAR64

Setelah itu klik Simpan.

Kemudian klik Tambahkan untuk isi dengan sebuah data

aplikasi crud php mysql

Silahkan isi seperti gambar berikut, Setelah itu klik Kirim untuk menyimpan.

aplikasi crud php mysql

Membuat Folder DATABASE

Langkah selanjutnya dalam membuat aplikasi CRUD menggunakan PHP dan MySQL adalah membuat folder database nya. Folder tersebut ada di direktori htdocs atau /var/www/html. Setelah itu beri nama seperti saat database : pendaftaran-mahasiswa

aplikasi crud php mysql

Buat delapan file PHP kosong di dalam folder pendaftaran-mahasiswa seperti gambar dibawah ini :

aplikasi crud php mysql

Keterangan:

  • config.php — untuk menyimpan konfigurasi database;
  • index.php — halaman utama;
  • list-mahasiswa.php — halaman untuk menampilkan data siswa;
  • form-daftar.php — halaman formulir pendaftaran;
  • proses-pendaftaran.php — skrip yang akan memproses pendaftaran;
  • form-edit.php — form untuk edit data siswa;
  • proses-edit.php — skrip untuk memproses edit/update;
  • hapus.php — skrip untuk menghapus data dari database;

Menghubungkan ke Database MySQL

Tahap selanjutnya dalam membuat aplikasi CRUD menggunakan PHP yaitu kita akan menghubungkan ke databse MySQL. Caranya silahkan buka file config.php, lalu isi dengan kode program berikut:

<?php
$server = "localhost";
$user = "root";
$password = "";
$nama_database = "pendaftaran_mahasiswa";
$db = mysqli_connect($server, $user, $password, $nama_database);
if( !$db ){
    die("Gagal terhubung dengan database: " . mysqli_connect_error());
}
?>

Penjelasan Kode program :

  • mysqli_connect() : Digunakan untuk menghubungkan PHP dengan MySQL dengan parameter alamat server, user, password, dan nama database.
  • password : Silahkan isi password sesuai dengan yang dibuat di servernya. Jika tidak menggunakan passsword, maka dikosongkan saja.
  • if( !$db ) : Jika koneksi gagal, variabel $db akan bernilai false, Karena itu, kita bisa mengeceknya dengan ekspresi if.

Membuat Menu Indeks Halaman

Cara membuat aplikasi CRUD menggunakan PHP dan MySQL pada tahap selanjutnya adalah membuat menu pada index halaman dengan menyisipkan dua link di halaman indeks yaitu :

  • Link pertama untuk menuju ke formulir pendaftaran
  • Link yang kedua untuk menuju ke halaman data mahasiswa yang sudah mendaftar

Adapun caranya adalah sebagai berikut :

Buka file index.php yang telah dibuat, lalu isi file tersebut dengan kode berikut :

<!DOCTYPE html>
<html>
<head>
    <title>Pendaftaran Mahasiswa Baru | UNIV PRO</title>
</head>
<body>
    <header>
        <h3>Pendaftaran Mahasiswa Baru</h3>
        <h1>UNIV PRO</h1>
    </header>
    <h4>Menu</h4>
    <nav>
        <ul>
            <li><a href="form-daftar.php">Daftar Baru</a></li>
            <li><a href="list-mahasiswa.php">Pendaftar</a></li>
        </ul>
    </nav>
<?php if(isset($_GET['status'])): ?>
    <p>
        <?php
            if($_GET['status'] == 'sukses'){
                echo "Pendaftaran siswa baru berhasil!";
            } else {
                echo "Pendaftaran gagal!";
            }
        ?>
    </p>
<?php endif; ?>
    </body>
</html>

Setelah itu buka web browser http://localhost/pendaftaran-mahasiswa/index.php, maka tampilan awalnya terlihat seperti gambar di bawah ini :

Penjelasan Program :

<li><a href=”form-daftar.php”>Daftar Baru</a></li> : Digunakan untuk membuat link ke formulir pendaftaran

<li><a href=”list-mahasiswa.php”>Pendaftar</a></li> : untuk membuat link ke halaman data mahasiswa yang sudah mendaftar

<?php if(isset($_GET[‘status’])): ?> : menampilkan pesan berhasil dan gagal yang sudah mendaftar

Menampilkan Data Tabel MySQL

Langkah selanjutnya dalam membuat aplikasi CRUD menggunakan PHP dan MySQL yaitu kita akan menampilkan Data Tabel MySQL. Silahkan ikuti langkah-langkah berikut ini !

Buka file list-mahasiswa.php dan isi dengan kode berikut:

<?php include("config.php"); ?>
<!DOCTYPE html>
<html>
<head>
    <title>Pendaftaran Mahasiswa Baru | UNIV PRO</title>
</head>
<body>
    <header>
        <h3>Mahasiswa yang sudah mendaftar</h3>
    </header>
    <nav>
        <a href="form-daftar.php">[+] Tambah Baru</a>
    </nav>
    <br>
    <table border="1">
    <thead>
        <tr>
            <th>No</th>
            <th>Nama</th>
            <th>Alamat</th>
            <th>Jenis Kelamin</th>
            <th>Agama</th>
            <th>Sekolah Asal</th>
            <th>Umur</th>
            <th>Nama Ibu Kandung</th>
            <th>Tindakan</th>
        </tr>
    </thead>
    <tbody>
        <?php
        $sql = "SELECT * FROM calon_mahasiswa";
        $query = mysqli_query($db, $sql);
        while($mahasiswa = mysqli_fetch_array($query)){
            echo "<tr>";
            echo "<td>".$mahasiswa['id']."</td>";
            echo "<td>".$mahasiswa['nama']."</td>";
            echo "<td>".$mahasiswa['alamat']."</td>";
            echo "<td>".$mahasiswa['jenis_kelamin']."</td>";
            echo "<td>".$mahasiswa['agama']."</td>";
            echo "<td>".$mahasiswa['sekolah_asal']."</td>";
            echo "<td>".$mahasiswa['umur']."</td>";
            echo "<td>".$mahasiswa['nama_ibu_kandung']."</td>";
            echo "<td>";
            echo "<a href='form-edit.php?id=".$mahasiswa['id']."'>Edit</a> | ";
            echo "<a href='hapus.php?id=".$mahasiswa['id']."'>Hapus</a>";
            echo "</td>";
            echo "</tr>";
        }
        ?>
    </tbody>
    </table>
    <p>Total: <?php echo mysqli_num_rows($query) ?></p>
    </body>
</html>


Setelah itu, buka web browser http://localhost/pendaftaran-mahasiswa/list-mahasiswa.php ,maka tampilan awalnya terlihat seperti gambar di bawah ini :

aplikasi crud php mysql

Penjelasan kode Program :

<?php include(“config.php”); ?> : Berfungsi untuk koneksi ke database, digunakan mengimpor file config.php agar variabel $db dapat dibaca

$sql = “SELECT * FROM calon_mahasiswa” : Berfungsi untuk melakukan query dan mengambil data siswa pada tabel calon_mahasiswa

$query = mysqli_query($db, $sql) : Digunakan untuk membuat data siswa pada tabel calon_mahasiswa

mysqli_fetch_array() : Untuk merubah hasil dari query menjadi array dan hasilnya disimpan dalam variabel $mahasiswa.

while($mahasiswa = mysqli_fetch_array($query)) :Perulangan while akan mengulang selama masih ada isi dalam tabel. Kemudian, selama perulangan…kita tampilkan datanya.

$mahasiswa : Array untuk data mahasiswa, indeksnya sesuai dengan nama kolom pada database dan bersifat case sensitive.

Total: <?php echo mysqli_num_rows($query) ?> :Digunakan untuk menampilkan total data yang ada di dalam tabel dengan fungsi mysqli_num_rows().

Baca Selanjutnya !!!

Tinggalkan Balasan

Scroll to Top