student_dio_getx

student_dio_getx

Flutter API Get dan Posting Menggunakan DIO dengan GetX

Contoh Manajemen Negara Getx Getx

Proyek Flutter ini menunjukkan cara menggunakan paket GETX untuk manajemen negara, melakukan panggilan API, dan menampilkan data dalam aplikasi Flutter.

Ringkasan

• Proyek ini menggunakan paket GETX untuk manajemen negara, yang memungkinkan kami untuk mengelola dan memperbarui keadaan aplikasi secara efisien.
• Kami melakukan panggilan API untuk mengambil daftar siswa dan menampilkannya dalam ListView.
• Proyek ini juga menyertakan formulir untuk menambahkan siswa baru ke dalam daftar.
• Selain itu, loader melingkar ditampilkan saat data diambil dari API.

Fitur

1. GetX untuk Manajemen Negara: Kami menggunakan GetX untuk mengelola keadaan aplikasi. Ini termasuk pengontrol untuk mengelola siswa, data bidang teks, dan menangani panggilan API.

2. Integrasi API: Proyek ini mencakup contoh membuat panggilan API menggunakan paket DIO untuk mengambil daftar siswa. Respons API kemudian ditampilkan dalam ListView.

3. Menambahkan Siswa: Pengguna dapat menambahkan siswa baru ke daftar menggunakan formulir. Formulir memvalidasi input dan mengirim data ke server.

4. Circular Loader: Saat mengambil data dari API, loader melingkar ditampilkan untuk menunjukkan bahwa data sedang dimuat.

5. Tidak ada pesan yang ditemukan data: Jika respons API kosong, pesan "tidak ada data yang ditemukan" ditampilkan.

Struktur proyek

• lib/controllers/ : Berisi pengontrol getX yang digunakan untuk manajemen negara.
• lib/views/ : berisi tampilan UI, termasuk layar utama dan bentuk siswa.
• lib/main.dart : Titik masuk aplikasi Flutter.

Tangkapan layar

1. Lihat semua siswa.

   

2. Tambahkan siswa.

   

3. Menampilkan snackbar tentang kesuksesan.

   

4. Setelah menambahkan siswa baru.