Tugas 02 (Web Programing 2)

Nama : Giant Bahari
Kelas : 5D
NIM : 16090098
Tugas : CRUD



Haloooo.....
Saya akan mencoba membuat web sederhana dengan CRUD. Apa itu CRUD? CRUD adalah singkatan dari Create, Read, Update, dan Delete. Operasi CRUD adalah manipulasi data dasar untuk database.

Saya akan membuat sebuah aplikasi dengan tampilan seperti pada gambar di bawah dengan sebuah tabel yang menampilkan data dari database di sisi frontend. Terdapat beberapa tombol untuk mengubah data yang ada di database.




Ok pertama kita buat terlebih dahulu file database.sql kemudian kita impor file 'database.sql' ini ke dalam database (menggunakan PHPMyAdmin). Data tersebut berisi nama, username, password, dan email. seperti pada code dibawah ini





setelah sudah membuat 'database.sql', selanjutnya membuat 'config.php'. File config.php menyimpan informasi tentang database host, username dan password. Sebagian besar server lokal bekerja dengan detail yang diberikan. Saya dapat mengubahnya sesuai dengan detail host dan database Saya.
Untuk menghubungkan PHP dengan MySQL, saya menggunakan fungsi mysqli_connect() dengan alamat server sebagai parameter pertama, user database sebagai parameter kedua, password user sebagai parameter ketiga, dan nama database sebagai parameter keempat. Silahkan isi password sesuai dengan yang dibuat di servernya. Jika tidak menggunakan passsword, maka isikan dengan String kosong saja. seperti pada code dibawah ini

<?php
/**
 * using mysqli_connect for database connection
 */
 
$databaseHost = 'localhost';
$databaseName = 'crudtgs1web';
$databaseUsername = 'root';
$databasePassword = '';
 
$mysqli = mysqli_connect($databaseHost, $databaseUsername, $databasePassword, $databaseName); 
 
?>

setelah membuat 'config.php' lanjut untuk membuat 'index.php'. File index.php merupakan file utama yang menyertakan file konfigurasi untuk koneksi database. Kemudian menampilkan semua daftar account menggunakan MySQL Select Query. Account yang akan ditampilkan di dalam daftar perlu menambahkan terlebih dahulu menggunakan tautan 'Tambah Account'. seperti pada code dibawah ini






pada bagian 'index.php' merupakan tempat untuk mengubah tampilan website saya, contohnya pada code diatas saya menggunakan bootstrap untuk membuat tabel lebih bagus, dan tampilan yang lainnya


Lanjut ke tahap selanjutnya yaitu membuat 'add.php'. File add.php berfungsi untuk menambahkan account baru. Formulir HTML digunakan untuk menerima masukan data account. Setelah data account diserahkan, MySQL INSERT Query digunakan untuk memasukkan data account ke dalam database. berikut adalah code dari 'add.php'

2 code diatas merupakan bagian dari 'add.php' khusus untuk bagian 'add.php' yang saya buat terdapat validasi yang digunakan untuk menolak perintah inputan jika inputan tidak memenuhi syarat, misalnya pada bagian nama tidak boleh menggunakan angka. selanjutnya kita buat 'edit.php'. Edit.php digunakan untuk mengedit / update data Account. Saya dapat mengubah data Account dan memperbaruinya. File ini akan mengarahkan kembali ke homepage, setelah update sukses. berikut adalah codenya






jika sudah, lanjut untuk membuat 'delete.php'. File delete.php hanya dipanggil saat kita klik link 'Delete' untuk pengguna manapun yang dipilih. berikut adalah code dari 'delete.php'

<?php

include_once("config.php");

$id = $_GET['id'];
 
$result = mysqli_query($mysqli, "DELETE FROM users WHERE id=$id");
 
// After delete redirect to Home
header("Location:index.php");
?>

jika sudah membuat 'delete.php' coba untuk melakukan pemanggilan web yang saya buat di browser, jangan lupa untuk menggunakan xampp untuk menjalankannya. jika masih ada yang error maka cek kembali, kemungkinan ada yang kurang atau salah dalam penulisan. Demikan Tutorial cara membuat CRUD sederhana.


Mohon maaf kepada bapak muzaki selaku penilai dari tugas saya ini, karena pada gambar code mempunyai background yang berbeda dikarenakan terjadi beberapa masalah.