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.

DAFTAR ISI

Apa itu CRUD ?

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

Input ke database
Mengedit data
Menampilkan
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 :

Menyiapkan Database
Membuat Folder Database
Menghubungkan ke Database MySQL
Membuat Menu pada index halaman
Menampilkan Tabel Data MySQL
Menambahkan Data ke Tabel MySQL
Menghapus Data dari Tabel MySQL
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.

Setelah itu, buatlah tabel di dalam database seperti berikut :

Nama : calon_mahasiswa
Jumlah kolom : 8

Lalu klik tombol “Kirim”

Selanjutnya Isi tipe data kolomnya seperti gambar dibawah.

Nama	Jenis	Panjang/Nilai	Indeks
id	INT	–	PRIMARY
nama	VARCHAR	64	–
alamat	VARCHAR	255	–
jenis_kelamin	VARCHAR	16	–
agama	VARCHAR	16	–
sekolah_asal	VARCHAR	64	–
umur	VARCHAR	16	–
nama_ibu_kandung	VARCHAR	64	–

Setelah itu klik Simpan.

Kemudian klik Tambahkan untuk isi dengan sebuah data

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

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

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

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 :

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 !!!

Yuk bantu share !!!

Halaman: 1 2