Senin, 04 Mei 2020

MEMBUAT CRUD MENGGUNAKAN BOOTSTRAP



MEMBUAT CRUD MENGGUNAKAN BOOTSTRAP

Halo, ketemu lagi di dailyrahma.blogspot.com Bagi yang belum tahu apa itu CRUD, CRUD adalah singkatan dari Create, Read, Update dan Delete. Seperti yang kita tahu, untuk membuat sebuah aplikasi pengolahan data, kita harus membuat script CRUD yang merupakan fungsi dasar untuk menambahkan data, membaca data, memperbaharui data dan menghapus data.

Sedangkan Bootstrap adalah framework yang digunakan untuk mempermudah dalam pembuatan website. Bootstrap sudah digunakan oleh banyak pengembang website sebagai komponennya.
Untuk membuat CRUD, kita harus membuat database terlebih dahulu. Saya membuat database dengan nama perpus2 dan tabel mahasiswa. Berikut adalah struktur tabelnya: 


Pada struktur tabel di atas, baris id adalah primary key dan bersifat auto increment yakni field integer yang otomatis akan bertambah nilainya apabila ada penambahan row pada tabel di mana field tersebut berada.
Berikut beberapa script php yang harus dibuat yaitu:

koneksi.php
pages.php
index.php
create.php
read.php
add.php
edit.php
update.php
delete.php

Semua file  di atas disimpan dalam satu folder dengan nama CRUD bersamaan dengan file bootstrap.css nya.

1.  Membuat Koneksi, buat script Koneksi dengan nama koneksi.php 



 1. Membuat pages, simpan dengan nama pages.php



2. Membuat index.php


3. Membuat create.php



4. Membuat read.php Read adalah sebagai view atau tampilan hasil input data.





5. Membuat add.php untuk Tambah Data




6. Membuat edit.php  untuk mengubah data




7. Membuat data yang telah diubah update.php




8. Membuat delete.php untuk menghapus data


Setelah semua scriptnya dibuat, untuk mengecek silahkan menuju localhost/CRUD , seperti biasa XAMPP Apache harus distart lebih dulu. Jika berhasil tampilannya akan seperti ini.


Figure 1tampilan tambah data



Figure 2tampilan home


Tidak ada komentar:

Posting Komentar

Apa Fungsi ICMP, POP3, SMTP, FTP, ARP?

Apa fungsi ICMP, POP3, SMTP, FTP, ARP?  1. Internet Control Message Protocol (ICMP)      Adalah protocol jaringan internet yang berfungsi un...