Project Gratis
Gratis Project PHP

Aplikasi CRUD dengan PHP, MySQL, Bootstrap, dan Vanilla JS

Indra Styawantoro 15 Maret 2023 ( 1.042 Download )

CRUD adalah singkatan dari Create, Read, Update, dan Delete yang merupakan operasi dasar yang harus diketahui oleh setiap programmer karena akan selalu digunakan dalam membangun sebuah sistem.

Demo
PHP 8

Menggunakan bahasa pemrograman PHP 8.

MySQL

Menggunakan database management system MySQL.

MySQLi Extension

Menggunakan MySQLi Extension untuk berkomunikasi dengan database.

Bootstrap 5

Menggunakan framework CSS Bootstrap 5 untuk membuat desain tampilan aplikasi.

Vanilla JavaScript

Menggunakan Vanilla JavaScript untuk membuat aplikasi web dinamis dan interaktif.

Flatpickr

Menggunakan library Flatpickr untuk membuat datetime picker.

Deskripsi Aplikasi

CRUD merupakan singkatan dari Create, Read, Update, dan Delete. Operasi CRUD merupakan operasi dasar yang harus diketahui oleh setiap programmer karena akan selalu digunakan dalam membangun sebuah sistem.

Materi yang dapat dipelajari dari aplikasi ini adalah :

1.
Create (Menyimpan Data)

Membuat script untuk menyimpan/insert data dari aplikasi ke database MySQL.

2.
Read (Menampilkan Data)

Membuat script untuk membaca dan menampilkan data dari database MySQL ke aplikasi.

3.
Update (Mengubah Data)

Membuat script untuk mengubah/update data pada database MySQL melalui apilkasi.

4.
Delete (Menghapus Data)

Membuat script untuk menghapus/delete data pada database MySQL melalui aplikasi.

5.
Pencarian Data

Membuat script untuk melakukan pencarian data pada database MySQL, lalu menampilkannya ke aplikasi.

6.
Pagination

Membuat script untuk membatasi jumlah data yang akan ditampilkan dari database dan menampilkan ke aplikasi menjadi beberapa halaman terpisah.

7.
Upload File

Membuat script untuk mengupload file foto, membuat validasi tipe file, membuat validasi ukuran file dan membuat preview foto sebelum diupload.

8.
CSS Bootstrap 5

Membuat desain tampilan aplikasi menggunakan CSS Bootstrap 5.

9.
Validasi Form Input

Membuat fungsi untuk validasi form input wajib diisi dan membatasi karakter yang diinputkan (bisa diinputkan huruf, angka atau karakter tertentu saja).

10.
Keamanan dasar untuk mencegah SQL injection

Membuat keamanan dasar untuk mencegah SQL injection saat proses input data. Menghilangkan spasi di belakang dan di depan data yang diinputkan.

Script di dalam aplikasi ini dapat dipelajari dengan mudah karena sudah diberikan komentar pada setiap prosesnya, sehingga dapat digunakan sebagai referensi bagi Kamu yang sedang mengerjakan tugas kuliah, Tugas Akhir, Skripsi, atau yang sedang belajar pemrograman web dan membutuhkan contoh studi kasus.