Membuat Aplikasi BIODATA menggunakan PHP, MySQL dan Bootstrap 4

Membuat Aplikasi BIODATA menggunakan PHP, MySQL dan Bootstrap 4

Hari ini kita akan membuat sebuah aplikasi CRUD BIODATA menggunakan PHP, MySQL dan Bootstrap 4. Project ini terdiri dari 10 file php, antara lain:

1. Index.php
2. koneksi.php
3. header.php
4. content.php
5. footer.php
6. form.php
7. table_data.php
8. edit.php
9. simpan.php
10. hapus.php

Buat sebuah folder biodata di htdocs bagi yang menggunakan xampp. Buat database dengan nama db_biodata dengan table tbl_biodata beserta field sebagai berikut:

Sebelum masuk ke koding, saya akan jelaskan dulu fungsi masing-masing file.

1. Index.php

index.php dijadikan sebagai container untuk menampung semua isi project termasuk memanggil file koneksi, header, footer dan content, juga bootstrap.

2. koneksi.php

digunakan untuk membuat koneksi dari php ke database mysql.

3. header.php

berisi menu atau biasa disebut navbar

4. content.php

content.php  berisi alur konten, maksudnya supaya project kita bekerja di 1 halaman saja, jadi tidak perlu merefresh seluruh halaman jika ingin pindah form.

5. footer.php

berisi foot web

6. form.php

digunakan untuk menampilkan isian biodata.

7. table_data.php

menampilkan data table

8. edit.php

menampilkan data yang akan diedit.

9. simpan.php

Skrip untuk menyimpan data ke table.

10. hapus.php

Skrip untuk menghapus record pada table.

Selanjutnya silahkan masuk ke kodingannya. Simpan semua file koding ke folder biodata yang dibuat sebelumnya.

Berikut tampilannya jika berhasil: