Project Gratis
Gratis Project PHP

Aplikasi CRUD dengan PHP, MySQL, Bootstrap, dan JQuery

Indra Styawantoro 24 September 2023 ( 340 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.

jQuery

Menggunakan library JavaScript jQuery untuk memudahkan dan mempercepat dalam membuat website yang interaktif.

DataTables

Menggunakan plugin jQuery DataTables untuk menampilkan data dalam bentuk tabel yang sudah dilengkapi dengan fitur paging, sorting, dan searching.

Bootstrap Notify

Menggunakan Bootstrap Notify untuk menampilkan notifikasi sesuai dengan proses yang dijalankan.

Flatpickr

Menggunakan library Flatpickr untuk membuat datetime picker.

Font Awesome

Menggunakan Font Awesome untuk membuat icon yang menarik dengan sistem “Font Icon” (hanya menggunakan teks dan tanpa gambar).

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.
Upload File

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

6.
Validasi Form Input

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

7.
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.

8.
CSS Bootstrap 5

Membuat desain tampilan aplikasi menggunakan CSS Bootstrap 5.

9.
JQuery DataTables

Membuat tabel yang dinamis menggunakan JQuery DataTables untuk menampilkan data dari database. Tabel sudah dilengkapi dengan dengan fitur paging, sorting, dan searching.

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.