Tutorial PHP dan MySQL - Membuat Aplikasi CRUD (Studi Kasus Pendaftaran Siswa Baru)

Tutorial PHP dan MySQL - Membuat Aplikasi CRUD (Studi Kasus Pendaftaran Siswa Baru)

Friday, November 01, 2019
Halo teman - teman lama kita tidak berjumpa, setelah lama saya vakum dari blog ini sekarang saya memulai membuat tutorial lagi yaitu Pemrograman, karna saya sekarang akan fokus ke pemrograman hehe. 
Yuk langsung aja kita mulai

Tapi sebelum kita belajar kita harus tau nih apa itu CRUD.

C (Create): 
Yang berarti membuat sebuah data baru, contoh kita sedang melakukan registrasi disebuah web itu sudah merupakan Create dari CRUD karena kita membuat dan menyimpan data registrasi ke database.
R (Read): 
Membaca atau menampilkan suatu data yang tadinya berada didatabase MySQL misalnya, kemudian ditampilkan di WEB menggunakan bahasa pemrograman Php.
U (Update): 
Nah untuk yang satu ini prosesnya adalah mengedit sebuah data dari database yang kemudian di edit menggunakan bahasa pemrograman Php berupa WEB. Contoh edit profil facebook.
D (Delete): 
Pastinya Anda tahu fungsinya apa bukan? Fungsinya hampir sama dengan Update akan tetapi proses ini adalah untuk melakukan penghapusan data di database melalui bahasa Php. Contoh pada sebuah blog terkadang ada komentar, kemudian kita hapus komentar tersebut, nah itu sudah termasuk proses delete dalam CRUD.

-------------------------------------

Sudah paham kan ? ok langsung saja kita mulaii !


Menyiapkan Database

Mari kita membuat database bernama pendaftaran_siswa

CREATE DATABASE ' pendaftaran_siswa ' ;



Setelah itu, buatlah tabel dengan nama calon_siswa


Berikan tipe data kolomnya seperti dibawah ini, lalu setelah itu save


Kemudia kita isi data datanya, klik Insert



Isi seperti dibawah ini, lalu GO untuk menyimpan


INSERT INTO `calon_siswa` (`id`, `nama`, `alamat`, `jenis_kelamin`, `agama`, `sekolah_asal`) VALUES (NULL, 'Dewa', 'Jl. Koding No. 6', 'Laki - Laki', 'Islam', 'SMK N 4 Klaten');

-------------------------------------------------


Membuat Proyek Baru

Kita akan membuat beberapa file PHP di dalam folder pendaftaran_siswa diantaranya :

  • config.php --> Untuk menyimpan konfigurasi database;
  • index.php --> Halaman Utama;
  • list-siswa.php --> Halaman untuk menampilkan data siswa;
  • form-daftar.php --> Halaman formulir pendaftaran;
  • proses-pendaftaran.php --> Script yang memproses pendaftaran; 
  • form-edit.php --> Form untuk edit data siswa;
  • proses-edit.php --> Script untuk memproses edit / update;
  • hapus.php --> Script untuk menghapus data dari database;


Cara Membuat Koneksi Ke Database MySQL

Buka file config.php, lalu isi dengan kode berikut :


Untuk menghubungkan PHP denganMySQL, kita menggunakan fungsi mysqli_connect() dengan parameter alamat server, user, password, dan nama database.

Isi password juga dengan yang kita buat di server kita. Tetapi jika tidak menggunakan password maka di kosongkan saja

Jika koneksi gagal, variabel $db akan bernilai false.

 Oleh karena itu kita bisa mengujinya atau mengeceknya dengan ekspresi IF

Berikut dibawah ini tampilan jika koneksi gagal atau karena passwordnya salah




Membuat Halaman Indeks

Nah kita disini akan menyusun atau menaruh dua link di halaman indeks.

  • Link pertama untuk menuju ke formulir pendaftaran
  • Link kedua untuk menuju ke halaman data siswa yang sudah mendaftar
Sekarang kita isi file index.php dengan kode berikut 


Tampilan indeks atau awalnya akan menjadi seperti ini


Cara Menampilkan Data Tabel MySQL

Selanjutnya kita buka list-siswa.php dan isi dengan kode dibawah ini






Pertama kita membutuhkan koneksi ke database, maka kita harus mengimpor file config.php agar variabel $db dapat dibaca


Setelah itu kita melakukan query untuk mengambil data siswa pada tabel calon_siswa


Hasil dari query tersebut, kemudia kita ubah menjadi array dengan fungsi mysqli_fetch_array() dan hasilnya disimpan dalam variabel $siswa


Perulangan WHILE akan mengulang selama masih ada isi dalam tabel .
Kemudian, selama perulangan kita tampilkan datanya.


Perhatikan array $siswa, indeksnya sesuai dengan nama kolom pada database dan bersifat case sensitive.

Dan terakhir, kita menampilkan total data yang ada didalam tabel dengan fungsi
mysqli_num_rows()


Dan tadaaa hasilnya :


Cara Menambahkan Data ke Tabel MySQL
Ada 2 file yang kita butuhkan untuk menambahkan data ke MySQL

  1. form-daftar.php halaman untuk form input;
  2. proses-pendaftaran.php script untuk memproses data yang diinputkan; 

Sebenernya bisa saja kita buat dalam 1 file, tapi biar lebih mudah kita pahami lebih baik kita pisah saja.

 Silahkan buka file form-daftar.php dan isi kode berikut :




Perhatikan pada tag pembuka <form>, disana kita menggunakan atribut action dan method 

Atribut action digunakan untuk menentukan script mana yang akan memproses data inputan.
Sedangkan atribut method untuk menentukan metode pengiriman datanya.



Perhatikan juga pada input-nya, disana ada atribut name. Atribut ini untuk menentukan kunci indeks array $_POST dan $_GET

Selanjutnya kita isi file proses-pendaftaran.php



Pertama kita ambil data yang dikirim dari formulir, semuanya tersimpan pada variabel $_POST. Karena tadi kita menggunakan method POST pada form. 


Setelah itu kita buat query penyimpanan.

Lalu melakukan pengecekan, apakah query - nya berhasil atau gagal.


Untuk menampilkan pesan berhasil dan gagal pada halaman index.php, Silahkan tambahkan kode berikut dibawah tag <nav> pada file index.php :


Lalu hasilnya


Dan sekarang kita sudah punya dua data di dalam tabel.



Menghapus Data Dari Tabel MySQL


Kita membutuhkan id untuk menentukan data yang akan dihapus. Karena itu, kita mengirimkan id melalu query string.

Contoh :

Query string nya adalah ?id=1 . Query string akan tersimpan dalam variabel $_GET


Untuk lebih jelasnya, silahkan buka file hapus.php dan isi dengan kode berikut :

Dan sekarang coba klik  link hapus, maka datanya akan terhapus


Tapi sebenarnya cara ini kurang aman karena kita tidak memberikan dialog kofirmasi kepada user. Misalnya seperti menanyakan ' Apakah yakin akan menghapus ? '





Update Data di Tabel MySQL 

Konsep data hampir sama dengan menghapus.

 Pertama kita  ambil id data yang akan di edit. Setelah itu kita melakukan query untuk mengambil data dari database dan menampilkannya ke dalam form.

 Setelah di edit, selanjutnya melakukan query update untuk menyimpan perubahan.

 Agar lebih jelas kita buka file form-edit.php dan  isi dengan kode dibawah :





Ada beberapa hal yang perlu di perhatikan dalam kode tersebut.

 Pertama kita mengubah data dari hasil query menjadi array dengan menggunakan fungsi mysqli_fetch_assoc().

 Kenapa menggunakan fungsi tersebut ?

 Karena data yang akan kita ambil adalah satu baris dan agar indeks array-nya menggunakan kolom.

 contoh hasilnya seprti ini :
(
    [id] => 1
    [nama] => Dewa
    [alamat] => Jl. Koding No. 6
    [jenis_kelamin] => Laki-laki
    [agama] => Islam
    [sekolah_asal] => SMK N 4 Klaten
)

Kemudian data tersebut kita tampilkan untuk menjadi nilai default pada form.

 Jangan lupa untuk membuat input id dengan tipe hidden untuk menyimpan id data yang akan di-update
<input type="hidden" name="id" value="<?php echo $siswa['id'] ?>" >

Untuk input radio dan select, kita menggunakan operator ternary agar bisa membuat atribut checked dan selected

Ketika kita lihat dari inspect elements maka akan tampil seperti dibawah ini :

Lalu kita isi file proses-edit.php dengan kode berikut :

Simpan dan cobalah untuk mengedit data.
*Nama yang tadinya Dewa telah berhasil diedit menjadi Arjuna


-------------------------------------
SELESAI
Jika ada pertanyaan bisa comment saja.
Terimakasih, semoga bermanfaat.










Next
« Prev Post
Previous
Next Post »
Subscribe to: Post Comments (Atom)