Contoh aplikasi crud php mysqli sederhana dengan tampilan bootstrap

CRUD sederhana dengan PHP. Apasih yang dimaksud CRUD….? CRUD dikenal sebagai fungsi untuk Create, Read, Update, dan Delete.

Hallo all, semangat coding!!! Disini saya akan membagikan tutorial cara membuat CRUD sederhana dengan bahasa pemrograman PHP. Pada sesi kali ini saya tidak berfokus pada tampilan tetapi pada fungsi, untuk tampilan saya buat sederhana dengan menggunakan referensi dari Bootstrap. Jika ingin belajar lebih lanjut silahkan eksplor lebih jauh.

Dan disini saya melanjutkan materi Coding Day yang kemarin, silahkan dibaca dan dipelajari dengan baik.

Oke…. Semangat belajar…  🙂

Langkah-langkahnya:

Contents:

  • Buat Database:
  • Buat File Sebagai Berikut:
    • File Koneksi
    • File Index
    • File Tambah
    • File Update
    • File Proses

Buat Database:

Disini saya melanjutkan database yang kemarin, tinggal membuat 1 tabel baru yaitu tb_siswa, detailnya sebagai berikut:

Contoh aplikasi crud php mysqli sederhana dengan tampilan bootstrap

Keterangan:

  • nis           = tipe data Integer (Primary Key)
  • nama = tipe data Varchar (Panjang Nilai: 30)
  • kelas = tipe data Varchar (Panjang Nilai: 30)
  • alamat = tipe data Varchar (Panjang Nilai: 50)

Setelah selesai membuat database kita lanjut ke source code PHP.

Buat File Sebagai Berikut:

Contoh aplikasi crud php mysqli sederhana dengan tampilan bootstrap

File Koneksi

File koneksi.php berfungsi berisi konfigurasi untuk mengkoneksikan dengan database yang sudah dibuat.


File Index

Pada index.php berfungsi untuk menampilkan data dari database, yang nantinya akan ditampilkan atau disajikan dalam bentuk tabel pada halaman ini.






    
    
    
    Data Siswa
    
    



    
    

Membuat CRUD Sederhana

Data siswa

Berhasil! Berhasil Menghapus Data Siswa!
"; }else if ($_GET['hapus']=='gagal'){ echo"
Gagal! Gagal Menghapus Data Siswa!
"; } } if (isset($_GET['update'])) { if ($_GET['update']=='berhasil'){ echo"
Berhasil! Berhasil Mengubah Data Siswa!
"; }else if ($_GET['update']=='gagal'){ echo"
Gagal! Gagal Mengubah Data Siswa!
"; } } ?>
No NIS Nama Kelas Alamat Aksi
Ubah
Jumlah Data Siswa :

Hasilnya:

Contoh aplikasi crud php mysqli sederhana dengan tampilan bootstrap
halaman index.php

File Tambah

Pada file tambah_siswa.php ini berisi sintak untuk membuat tampilan form untuk input data siswa ke database.







    
    
    Tambah Siswa

    
    



    
    

Form Tambah Data Siswa


Form Tambah Data Siswa

Berhasil! Berhasil Menambah Data Siswa!
"; }else if ($_GET['add']=='gagal'){ echo"
Gagal! Gagal Menambah Data Siswa!
"; } } ?>
Nama :

Kelas :

Alamat :

Hasilnya:

Contoh aplikasi crud php mysqli sederhana dengan tampilan bootstrap
Form Tambah Data Siswa

Contoh aplikasi crud php mysqli sederhana dengan tampilan bootstrap
Tampilan jika berhasil menambah data siswa

Contoh aplikasi crud php mysqli sederhana dengan tampilan bootstrap
Tampilan data siswa

File Update

Dalam file update_siswa.php berisi sintax untuk menampilkan data yang dipilih kemudian disajikan dalam bentuk form untuk diedit.







    
    
    Update Data Siswa

    
    



    
    

Form Update Data Siswa


Form Update Data Siswa

NIS :

Nama :

Kelas :

Alamat :

Hasilnya:

Misal, jika kita memilih nis = 2, maka data yang akan tampil pada form update adalah data siswa dengan nis = 2.

Contoh aplikasi crud php mysqli sederhana dengan tampilan bootstrap
form update data siswa

File Proses

Pada file proses_siswa.php berisi perintah untuk melakukan tambah/ insert data siswa, update data siswa, dan hapus data siswa dari/ke database database.


Sekian materi kali ini, jika ingin dikombinasikan dengan materi login kemarin juga bisa, apa bila ada yang ditanyakan atau masih bingung bisa disampaikan diforum besok. Terimakasih… 🙂