Fitur CRUD di Laravel 11

Ini adalah contoh proyek Laravel 11 yang mencakup fitur CRUD (Create Read Update Delete). Proyek ini juga menunjukkan cara mengeola data mulai dari menambahkan, menampilkan, mengubah, dan menghapus data pada FrameWork Laravel. Pada tampilan menggunakan CSS native dan Tailwind css yang berintegrasi dengan Flowbite, Dengan itu pengguna bisa mengubah tampilan dengan leluasa.

Fitur

• cread data/membuat data
• read data/menampilkan data
• update data/mengubah data
• delete data/menghapus data

Kelebihan

• Preview data saat proses create, read, dan update data
• Memiliki 3 Tabel yang berbeda
• Sudah terdapat relasi antar Tabel
• Mampu buat dan ubah data gambar, video, file, dan audio
• Tampilan Dashboard
• Tampilan Modal yang menarik karena terdapat fitur preview.
• Terdapat pop up pada saat delete data

Instalasi

Prasyarat

• PHP >= 8.2
• Composer
• MySQL atau basis data lain yang didukung
• Tool Code Editor
• Tool untuk menjalankannya di local server

Langkah-langkah

1. Kloning repositori:

   git clone https://github.com/hamdaniqhmqd/create-view-update-and-delete-features-in-laravel-11.git
   cd create-view-update-and-delete-features-in-laravel-11

2. Instal dependensi:

   composer install

3. Salin file .env.example menjadi .env:

   cp .env.example .env

4. Generate application key:

   php artisan key:generate

5. Konfigurasi basis data Anda di file .env:

   DB_CONNECTION=mysql
   DB_HOST=127.0.0.1
   DB_PORT=3306
   DB_DATABASE=nama_database_anda
   DB_USERNAME=username_database_anda
   DB_PASSWORD=password_database_anda

6. Jalankan migrasi:

   php artisan migrate

7. Mulai server pengembangan:

   php artisan serve

8. Melakukan perintah symlink.

   php artisan storage:link

9. Pengguna bisa menambahkan data sesuai dengan keinginan

Penggunaan

Tampilan Dashboard

Pengguna bisa mengubah dan mengatur tampilan dashboard sesuai dengan keinginan.

Routing

Terdapat pilihan route, antara lain

• /dashboard untuk mengarah ke tampilan dashboard
• /teks untuk mengarah ke tampilan data yang digunakan untuk mengelola data teks
• /file untuk mengarah ke tampilan file yang digunakan untuk mengelola data file seperti:
  • file gambar
  • file dokumen
  • file audio
  • file video
• /select untuk mengarah ke tampilan yang digunakan untuk mengelola data select, yang dimana tabel select dan tabel teks saling memiliki relasi

Format data pada table file.

Sebelum itu, saran saya menggunakan menggunaka ukuran file kecil supaya lebih cepat dalam proses kirim dan menampilkan data Ada beberapa jenis data yang berbeda pada tabel file, antara lain:

Format file

pengguna bisa memilih sesuai dengan keinginan, tapi saya saran menggunakan format pdf yang sudah di support oleh browser untuk ditampilkan di tag iframe. Format yang bisa digunakan seperti

accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.odt,.ods,.odp,.txt,.rtf,.csv,.html,.xml,.epub,.mobi"

dan mungkin ada banyak lagi

Format Audio

pengguna bisa memilih sesuai dengan keinginan, tapi saya saran menggunakan format .mp3 yang sudah di support oleh browser untuk ditampilkan di tag iframe. Format yang bisa digunakan seperti

accept=".mp3, .wav, .ogg, .aac, .flac, .m4a, .webm, .aiff"

dan mungkin ada banyak lagi.

Format Video

pengguna bisa memilih sesuai dengan keinginan, tapi saya saran menggunakan format .mp4 yang sudah di support oleh browser untuk ditampilkan di tag iframe. Format yang bisa digunakan seperti

accept=".mp4, .webm, .ogg, .avi, .mkv, .mov"

dan mungkin ada banyak lagi.

Format Gambar

pengguna bisa memilih sesuai dengan keinginan. Format yang bisa digunakan seperti

accept=".jpg, .jpeg, .png, .gif, .svg"

dan mungkin ada banyak lagi.