Step 1 - Membuat CRUD Database dengan PHP Mysqli dan HTML - Menampilkan Data

Step 1 - Membuat CRUD Database dengan PHP Mysqli dan HTML - Menampilkan Data

Disini admin ingin membagi pengalaman pribadi seputar bagaimana membuat database dengan Mysqli dengan bahasa pemrograman php dan html

Kenapa admin menyarankan pakai mysqli bukan mysql? Karena mysql sudah tidak dikembangkan lagi, dan juga nysqli lebih cepat dan lebih aman dari mysql, serta mysql sudah tidak mendukung lagi untuk php versi terbaru dan digantikan oleh mysqli.

Tujuan dibuatnya judul ini adalah untuk mendokumentasikan karena judul ini merupakan salah satu dari tugas kuliah admin. Semoga dengan dibuatkannya dokumentasi ini dapat bermanfaat untuk kalian semua khususnya kalian yang ingin mendalami web programming.

CRUD merupakan singkatan dari Create, Read, Update, dan Delete. CRUD merupakan istilah dari proses penginputan  (Insert) data ke database, menampilkan (Read) data dari database, mengedit atau mengubah (Update) data di database, serta menghapus (Delete) data dari database.

Baiklah langkah pertama yang harus kita siapkan adalah aplikasi XAMPP dan Sublime Text. Saya asumsikan kalian sudah memiliki aplikasi Xampp dan Sublime. Jika belum punya kalian bisa download di website resmi nya dibawah ini:

XAMPP

SUBLIME TEXT

Pertama yang harus dilakukan adalah install apliasi xampp dan sublime tersebut, kemudian jalankan aplikasi Xampp. Kemudian di bagian Action, pilih start untuk Apache dan MySQL, maka tampilan awalnya seperti ini

Kemudian buka browser, ketikkan localhost/phpmyadmin di address bar browser kamu lalu tekan enter, maka tampilan akan seperti ini :

Kemudian ke Menu Tab Databases -> kemudian di kolom Create Database isikan nama database kamu yang kamu inginkan, saya contohkan beri nama Akademik, kemudian klik Create (Karena saya sudah punya database, jadi saya tidak perlu membuat lagi)

Selanjutnya klik Database Akademik yang sudah dibuat tadi. Pada kolom Create table -> isikan Name tabel yang ingin dibuat, saya beri contoh nama tabel nya adalah mahasiswa dan Number of columns saya isikan 4 -> klik Go

kemudian kita isikan field tabel yang kita buat seperti dibawah ini :

Pada field ID kita beri type data integer (INT) dengan panjang huruf sebesar 20, Index nya kita isikan PRIMARY dan pada check box A_I (Auto_Increment) kita centang, A_I atau auto increment disini adalah ketika kita isi data, maka nomor data record akan terisi angka otomatis

Jika sudah maka pada Menu Tab Structure akan seperti ini :

Selanjutnya kita isikan database yang telah kita buat tadi dengan cara ke klik menu Insert, pada kolom Value, isikan data yang kita inginkan. Untuk Value ID, sengaja kita kosongkan karena Field ID sudah kita beri Auto Increment yang mana ID akan otomatis terisi jika record terisi.
Jika sudah, klik Go

Setelah semuanya sudah dilakukan, kita akan menampilkan data dari database yang telah kita buat tadi di browser. Sebelum lanjut, yang harus kita lakukan ialah membuat file koneksinya terlebih dahulu, baru kemudian kita menampilkan data dari database.
Pertama kita buat folder di dalam folder htdocs kita. Saya beri contoh nama folder nya akademik

Kemudian buka aplikasi Sublime yang sudah di install tadi, ketikkan script seperti dibawah ini, kemudian save dengan nama koneksi.php dan simpan di folder htdocs/akademik 

Setelah file koneksi dibuat, selanjutnya kita buat file yang bertugas menampilkan data dari database tersebut. Buat file php dengan nama index.php dan simpan di dalam folder htdocs/akademik

Kemudian kita buka browser dan ketikkan localhost/akademik di address bar browser kamu kemudian tekan enter.

Dan taraaaaa....
Data sudah berhasil kita tampilkan di browser

Selanjutnya silakan kalian lanjutkan ke step berikutnya yaitu Step 2 - Input Data

Artikel Terkait :

1. Step 1 - Menampilkan Data
2. Step 2 - Input Data
3. Step 3 - Update Data
4. Step 4 - Hapus Data