Membuat crud dengan php dan css

Updated 11 August 2022 by Heru - Tutorial

Hari ini kita akan mencoba membuat CRUD [Create, Read, Update and Delete] dengan PHP, MySQLi dan Bootstrap untuk mempercantik tampilannya.

• Membuat database dan tabel nya
• Membuat folder project
• Membuat file koneksi.php
• Membuat file input [Create]
• Menampilkan, mengedit dan menghapus data [Read, Update and Delete]
• Membuat file update.php

Membuat database dan tabel nya

Silakan buka XAMPP dan jalankan Apache dan MySQL nya, lalu buka browser dan ketikkan :

//localhost/phpmyadmin

Buat database baru [misal crud] dengan mengetikkan perintah di menu New – SQL :

create database crud;

Lalu klik Go, maka database crud akan terbuat. Silakan klik database tersebut untuk masuk ke dalam nya.

Setelah masuk ke dalam database crud, kemudian buat tabel anggota di dalam database tersebut dengan mengetikkan di menu SQL:

create table anggota[
id_anggota int not null auto_increment primary key,
username varchar [50],
nama varchar[50],
alamat varchar[50],
email varchar[30],
no_hp char[13]
];

Tabel diatas akan berisi kolom/field id_anggota, username, nama, alamat, email dan no_hp dengan type data sesuai yang dituliskan diatas.

Membuat folder project

Buat folder crud di htdocs untuk folder projectnya.

Didalam folder crud buat folder bootstrap. Kemudian download bootstrap di //getbootstrap.com/, lalu ekstrak

Copy folder css dan js hasil ekstrakan tadi ke folder bootstrap yang sudah kalian buat

Membuat file koneksi.php

Untuk menghubungan database yang telah dibuat dengan file php yang nanti akan kita buat, dibutuhkan sebuah koneksi untuk menghubungkan keduanya. Buat file koneksi.php dengan isi sebagai berikut :

File koneksi.php tersebut akan menghubungkan kita ke database dengan memanggil mysqli_connect[$host,$user,$password,$db] .

Jika gagal terhubung, maka akan ada keterangan koneksi gagal beserta keterangan errornya karena kita sudah memberikan perintah mysqli_connect_error[]

Membuat file input [Create]

Untuk menginput data yang diinginkan, kita akan membuat file create.php. Untuk mempercantik tampilannya kita menggunakan Bootstrap. Silakan buat seperti ini :

    Form Pendaftaran Anggota