{"id":53087,"date":"2025-02-05T08:45:00","date_gmt":"2025-02-05T01:45:00","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=53087"},"modified":"2025-02-04T17:47:25","modified_gmt":"2025-02-04T10:47:25","slug":"cara-membuat-tampilan-crud-dengan-filament","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-membuat-tampilan-crud-dengan-filament\/","title":{"rendered":"Cara Membuat Tampilan CRUD Dengan Filament"},"content":{"rendered":"\n

Setelah sebelumnya kami bahas tentang apa itu Laravel Filament<\/a>, pada panduan ini, kami akan membahas bagaimana cara membuat tampilan CRUD dengan filament. Bagaimana cara dan tahapannya? Yuk ikuti langkah-langkah berikut!<\/p>\n\n\n\n\n\n

Membuat tampilan CRUD dengan Filament<\/h2>\n\n\n\n

Untuk membuat implementasi CRUD (Create<\/em>, Read<\/em>, Update<\/em>, Delete<\/em>) menggunakan Filament, terdapat beberapa langkah penting yang harus dilakukan agar proses pengelolaan entitas dapat berjalan dengan baik di dalam panel admin. <\/p>\n\n\n\n

Langkah pertama adalah membuat model Eloquent <\/em>yang akan merepresentasikan entitas yang ingin dikelola. Model Eloquent <\/em>ini berfungsi sebagai penghubung antara aplikasi Anda dengan tabel database yang relevan.<\/p>\n\n\n\n

1. Membuat model dan Migration Data<\/h3>\n\n\n\n

Sebagai contoh, jika ingin membuat CRUD untuk mengelola artikel berita, Kita perlu membuat model yang bernama Berita. Model ini nantinya akan digunakan untuk menangani data berita yang tersimpan di database. Untuk membuat model tersebut, Kita dapat menjalankan perintah artisan<\/code> berikut di terminal proyek Laravel:<\/p>\n\n\n\n

php artisan migrate<\/em><\/code><\/pre>\n\n\n\n
Dengan ini, tabel yang sebelumnya kita buat disini<\/a> akan tersedia di database kita, siap untuk diisi dan dikelola.<\/p>\n\n\n\n
2. Membuat resource <\/em>CRUD Berita<\/h3>\n\n\n\n
Selanjutnya, Kita perlu menggunakan fitur CRUD yang disediakan oleh Filament untuk mempermudah pembuatan tampilan halaman admin. Filament menyediakan generator bawaan yang dapat membuat resource <\/em>CRUD secara otomatis berdasarkan model yang sudah ada. Kita bisa menjalankan perintah berikut:<\/p>\n\n\n\n
php artisan make:filament-resource Berita<\/em><\/code><\/pre>\n\n\n\n
\"Membuat<\/a><\/figure>\n\n\n\n
Perintah ini akan membuat resource <\/em>Berita yang mencakup fungsionalitas CRUD lengkap, termasuk tampilan untuk membuat (create<\/em>), membaca (read<\/em>), memperbarui (update<\/em>), dan menghapus (delete<\/em>) data berita. <\/p>\n\n\n\n
Kita juga dapat menyesuaikan resource <\/em>ini sesuai dengan kebutuhan, seperti menambahkan validasi, mengubah tampilan formulir, atau menambahkan filter untuk memudahkan pencarian data.<\/p>\n\n\n\n
3. Hasil dari resource <\/em>CRUD Berita<\/h3>\n\n\n\n
Dengan mengikuti langkah-langkah ini, anda akan memiliki sistem CRUD yang sepenuhnya berfungsi untuk mengelola entitas artikel berita menggunakan Filament. Proses ini tidak hanya menghemat waktu dalam pengembangan, tetapi juga memberikan user interface halaman admin yang modern <\/em>dan user-friendly<\/em>.<\/p>\n\n\n\n
Seperti berikut tampilan yang sudah dibuat dengan menggunakan resource <\/em>CRUD dari filament.<\/p>\n\n\n\n
\"Hasil<\/a><\/figure>\n\n\n\n
Pengujian CRUD Laravel Filament<\/h2>\n\n\n\n
Setelah selesai membuat tampilan CRUD di Laravel Filament, langkah selanjutnya kita dapat melakukan pengujian. <\/p>\n\n\n\n
1. Fitur Create<\/em><\/h3>\n\n\n\n
\"Fitur<\/a><\/figure>\n\n\n\n
Fitur Create <\/em>ini berfungsi untuk menyimpan data yang sudah kita inputkan ke database. <\/p>\n\n\n\n
\"create<\/a><\/figure>\n\n\n\n
Jika tampilan kosong seperti diatas, kita harus menambahkan sendiri form input datanya pada file app\/Filament\/Resources\/BeritaResources<\/code>.<\/p>\n\n\n\n