Selasa, 13 Mei 2025

Sistem CRUD Laravel dengan Starter Kit dan FluxUI





 


CRUD dengan FluxUI

Mengenal CRUD dan FluxUI di Laravel Starter Kit

Dalam pengembangan aplikasi web menggunakan Laravel, konsep CRUD dan penggunaan UI framework menjadi komponen penting dalam membangun sistem yang efisien dan interaktif. CRUD merupakan singkatan dari Create, Read, Update, dan Delete, yaitu empat operasi dasar yang digunakan dalam pengelolaan data pada sistem database. Operasi Create digunakan untuk menambahkan data baru, Read untuk menampilkan data, Update untuk mengubah data, dan Delete untuk menghapus data. Keempat operasi ini menjadi fondasi dari hampir semua aplikasi berbasis data.

Untuk mempercepat proses pengembangan, Laravel menyediakan Starter Kit seperti Breeze dan Jetstream. Laravel Breeze menawarkan struktur ringan untuk otentikasi, sementara Jetstream memberikan fitur yang lebih lengkap seperti manajemen tim dan API. Starter kit ini dapat dikombinasikan dengan FluxUI, sebuah library antarmuka pengguna berbasis Tailwind CSS yang menyediakan berbagai komponen siap pakai, seperti tabel, form, tombol, dan modal dengan desain yang modern dan responsif.

FluxUI memungkinkan developer untuk membangun tampilan antarmuka yang konsisten dan elegan tanpa harus membuat semuanya dari awal. Misalnya, dalam membangun halaman CRUD produk, kita dapat memanfaatkan komponen tabel dari FluxUI untuk menampilkan daftar produk, lengkap dengan tombol aksi seperti edit dan hapus. Hal ini tidak hanya mempercepat proses pengembangan, tetapi juga menghasilkan UI yang lebih rapi dan user-friendly.

Dengan menggabungkan Laravel Starter Kit dan FluxUI, developer dapat membangun aplikasi CRUD yang efisien, modern, dan mudah dipelihara. Kombinasi ini sangat cocok digunakan baik untuk prototipe cepat maupun proyek produksi karena memberikan struktur kode yang jelas serta tampilan antarmuka yang profesional.

Hal pertama yang harus di perlukan ia lah menginstal laravel dan pastikan mempunyai code editor seperti VS Code.

Buat Database & Konfigurasi .env

Pastikan sudah membuat Database. Di sini saya menggunakan Database Mysql dengan menggunakan Xampp dengan nama laravel. cara setting .env berada di bagian bawah project
ini contoh dari .env 



Membuat Model, Migration & Controller

1. Cara membuat Model, Migration dan Controller bisa dengan CMD atau di Terminal VSCode 
    ini code membuat Model dengan nama produk:

        php artisan make:model Produk

    Maka pada folder ...app\Models\Produk.php akan ada automatis. dengan code di dalam nya seperti ini



2. Migration adalah code untuk membuat database yang di dalam laravel agar automatis masuk ke            database 
    dengan code untuk membuat : 

    php artisan make:migrate produk

    maka nanti akan muncul di folder database/migration nanti akan muncul seperti yang ada di gambar


    setelah sudah code ini untuk menjalan kan migrate nya:

      php artisan migrate

    maka akan membuat tabel di database nya langsung.

3. Controller di Laravel berfungsi untuk mengelola alur logika aplikasi antara model (data) dan view     (tampilan). Di dalam controller, kita menuliskan semua logika CRUD seperti menampilkan data,            menyimpan, mengubah, dan menghapus. untuk Produk nya dengan code 

    php artisan make:controller ProductController 

    Setelah membuat controller maka akan ada di bagian controller/Auth disitu tempat controller berada. 
    dengan isi controller nya seperti ini
    
    
    didalam controller dapat dirubah sesuai yang ingin di tampilkan di web laravel


Membuat CRUD 

Step awal untuk membuat CRUD yaitu dengan membuat yaitu harus membuat sebuah folder khusus dengan nama dashboard untuk menjadi tampilan utama di dengan didalam nya berisi 2 folder categoris dan products. 

DI sini saya akan membuat sistem CRUD di bagian product dengan membuat tampilan view nya. 

1. membuat index.bllade.php yaitu membuat tampilan utama dari product. contoh dengan code 


    



    di dalam index.blade.php dapat menampilkan data yang sudah di create,edit dan delate. 

2. membuat edit.blade.php yaitu untuk membuat tampilan edit dan dapat mengedit gambar nya juga
    




3. membuat create.blade.php yaitu untuk membuat from produk baru


    pada from tambah produk ini dapat memuat gambar yang di upload dari penyimpanan komputer.











0 komentar:

Posting Komentar