Tutorial PHP & MySql: Membuat Sistem CRUD Sederhana Data Mahasiswa Part I (Create) - AneIqbal

Post Top Ad

Tutorial PHP & MySql: Membuat Sistem CRUD Sederhana Data Mahasiswa Part I (Create)

Share This
Halo bro. Kali ini kita akan bahas cara membuat sistem CRUD sederhana dengan PHP dan MySql. Ohiya, bagi yang belum tau, CRUD merupakan singkatan dari Create, Read, Update, dan Delete.  Sistem yang akan kita buat ini akan memuat keempat action tersebut dan data yang diolah adalah data mahasiswa.

tutorial php crud sederhana

Gambaran Konsep Sistem CRUD

Begini konsep sistem CRUD ini. Pertama, kita buat sebuah form input data dan jika kita tekan tombol submit atau simpan, maka sebuah data akan ter-create di database. Data tersebut nantinya akan kita tampilkan di halaman aplikasi web, inilah read.

Selanjutnya, jika data sudah tampil di halaman aplikasi web, mungkin saja ada data yang salah input atau memang ingin mengubah suatu data. Kita pilih data tersebut, lalu ubah melalui form edit data dan jika kita tekan tombol simpan atau update, data di database akan ter-update. Terakhir delete, dimana data yang kita pilih akan dihapus dari database.

Begitu gambaran konsepnya. Lalu bagaimana gambaran fisik atau tampilan sistem CRUD atau aplikasi webnya?

Gambaran 'Fisik' atau Tampilan Sistem CRUD

Jadi, kita akan membuat sebuah tabel yang berisi data mahasiswa. Salah satu kolom tabelnya adalah kolom action, digunakan untuk menempatkan link edit dan link hapus data. Lalu dua buah form; yang satu untuk form input data dan satunya lagi untuk form edit.

tutorial php crud sederhana

Mulai Development

Pertama, silakan Anda buat database kampus dan juga table mahasiswa di database tersebut. Saya sudah buatkan tutorial lengkapnya di postingan ini: Tutorial MySql: Cara Membuat Database Kampus dan Table Mahasiswa Lewat phpMyAdmin. Tinggal ikuti langkah-langkahnya (sampai berhasil membuat tablenya) saja karena sistem yang akan kita buat ini akan mengikuti desain database & table tersebut.

tutorial php crud sederhana

Kemudian, kita akan buat form input data dengan HTML. Kita harus sediakan kolom input sesuai desain table di atas, mulai dari kolom NIM sampai jurusan. Kita siapkan foldernya dulu di htdocs, misalnya simple_crud. Lalu buat file index.php yang nantinya akan menampilkan link untuk input data, juga table datanya.

File index.php
<!DOCTYPE html>
<html>
<head>
 <title>Sistem CRUD Sederhana Data Mahasiswa</title>
</head>
<body>
 <a href="input.html">Tambah Data</a>
</body>
</html>

Tampilan index.php
tutorial php crud sederhana

Kita lihat pada codingan HTML di atas, kita membuat sebuah link yang mengarah pada file input.html. Inilah selanjutnya yang harus kita buat.

File input.html
<!DOCTYPE html>
<html>
<head>
 <title>Form Input Data</title>
</head>
<body>
 <form action="prosesSimpan.php" method="post">
  NIM:
  <input type="text" name="nim"><br>
  Nama:
  <input type="text" name="nama"><br>
  Jenis Kelamin:
  <select name="jenis_kelamin">
   <option value="">Pilih</option>
   <option value="Pria">Pria</option>
   <option value="Wanita">Wanita</option>
  </select><br>
  Tanggal Lahir:
  <input type="text" name="tanggal_lahir"><br>
  Alamat:
  <textarea name="alamat"></textarea><br>
  Jurusan:
  <input type="text" name="jurusan"><br>
  <input type="submit" value="Simpan"> <input type="reset" value="Reset">
 </form>
</body>
</html>

Tampilan input.html
tutorial php crud sederhana

Di atas, kita telah membuat sebuah form input data. Data yang diinput pada form tersebut akan dikirim ke file prosesSimpan.php untuk diolah dan dalam kasus ini data akan disimpan ke database. Data dikirim dengan menggunakan metode POST, terlihat dari atribut method form di atas.

Untuk lebih detil pembahasan form, Anda bisa melihat ke tutorial Tutorial PHP: Cara Membuat Sistem Login dengan Nama dan Nomor Induk Mahasiswa. Saya sangat menyarankan Anda untuk membacanya agar lebih memahami codingan input.html di atas.

Selanjutnya, yang harus kita buat adalah sebuah file berekstensi php yang digunakan untuk mengolah data yang dikirim dari form input data, yakni prosesSimpan.php. File ini akan menerima data dari form input data lalu akan mengarahkan data tersebut agar disimpan ke database.

File prosesSimpan.php
<?php
include('koneksi.php');

$nim = $_POST['nim'];
$nama = $_POST['nama'];
$jenis_kelamin = $_POST['jenis_kelamin'];
$tgl_lahir = $_POST['tanggal_lahir'];
$alamat = $_POST['alamat'];
$jurusan = $_POST['jurusan'];

$query = mysqli_query($connect, "INSERT INTO mahasiswa(nim, nama, jenis_kelamin, tanggal_lahir, alamat, jurusan) VALUES('$nim', '$nama', '$jenis_kelamin', '$tgl_lahir', '$alamat', '$jurusan')");

if($query){
 echo 'Data berhasil disimpan. Klik <a href="input.html">di sini</a> untuk input data kembali.';
}else{
 echo 'Data gagal diinput. Silakan coba lagi input <a href="input.html">di sini</a>';
}

?>

Begini penjelasan codingannya. Semua data yang dikirim dari form input data, akan diterima dan ditampung nilai/isinya ke dalam variabel-variabel. Terlihat total ada 6 variabel, yakni; $nim, $nama, $jenis_kelamin, $tgl_lahir, $alamat, dan $jurusan.

Selanjutnya, variabel yang berisi data tersebut akan di masukkan ke dalam query insert MySql untuk disimpan isinya ke database. Tugas tersebut dilakukan oleh fungsi mysqli_query(). mysqli_query() membutuhkan 2 parameter agar bisa berjalan; pertama koneksi ke databasenya dan kedua adalah query insertnya.

Untuk koneksi databasenya, diwakilkan oleh variabel $connect. Variabel $connect ini berisi status apakah sudah terkoneksi ke database atau belum. Anda melihat include('koneksi.php') di atas bukan? Yap, di sanalah pendefinisian atau pembuatan variabel $connect tersebut.

Kita memerlukan satu tambahan file php lagi yakni koneksi.php. Penjelasannya cukup panjang, sehingga saya buatkan posting terpisah. Anda bisa melihat ke posting Tutorial PHP: Cara Membuat Koneksi ke Database MySql.

Sedikit modifikasi untuk koneksi.php. Kita hanya perlu menampilkan pesan eror jika koneksi database gagal. Kalau berhasil terkoneksi, tidak perlu menampilkan apa-apa. Untuk itu, kita bisa menghapus bagian echo "Koneksi ke database berhasil";
<?php
$connect = mysqli_connect("localhost", "root", "", "kampus");

if($connect){
 //echo "Koneksi ke database berhasil";
}else{
 echo "Koneksi ke database gagal. Mohon periksa lagi config koneksi database Anda";
}

Kembali ke fungsi mysqli_query(). Hasil eksekusi dari fungsi tersebut disimpan ke dalam variabel $query. Kemudian, beri kondisi jika query berhasil dijalankan maka akan menampilkan "Data berhasil disimpan ...". Dan bila gagal, akan muncul "Data gagal diinput ..."

Simpan perubahan file prosesSimpan.php lalu buka kembali form input data. Anda akan melihat data yang diinput tersimpan di database. Itu tandanya, Anda sudah berhasil membuat sistem CRUD sederhana part I (create) ini.

tutorial php crud sederhana

tutorial php crud sederhana

tutorial php crud sederhana

Anda bisa melanjutkan baca ke part II tutorial ini di sini: Tutorial PHP & MySql: Membuat Sistem CRUD Sederhana Data Mahasiswa Part II (Read)

Tidak ada komentar:

Posting Komentar

Silakan berkomentar dengan kalimat yang bijak.

Post Bottom Ad