student_dio_getx

student_dio_getx

API Flutter Get and Post باستخدام DIO مع Getx

مثال على إدارة ولاية getx flutter

يوضح مشروع Flutter هذا كيفية استخدام حزمة GETX لإدارة الحالة ، وإجراء مكالمات API ، وعرض البيانات في تطبيق رفرفة.

ملخص

• يستخدم المشروع حزمة GETX لإدارة الدولة ، والتي تتيح لنا إدارة حالة التطبيق وتحديثه بكفاءة.
• نقوم بإجراء مكالمات API لاسترداد قائمة الطلاب وعرضها في ListView.
• يتضمن المشروع أيضًا نموذجًا لإضافة طلاب جدد إلى القائمة.
• بالإضافة إلى ذلك ، يتم عرض محمل دائري أثناء جلب البيانات من API.

سمات

1. GETX لإدارة الدولة: نستخدم GETX لإدارة حالة التطبيق. يتضمن ذلك وحدات تحكم لإدارة الطلاب وبيانات الحقل النصية ومعالجة مكالمات API.

2. تكامل API: يتضمن المشروع مثالًا على إجراء مكالمات API باستخدام حزمة DIO لاسترداد قائمة الطلاب. ثم يتم عرض استجابة API في ListView.

3. إضافة الطلاب: يمكن للمستخدمين إضافة طلاب جدد إلى القائمة باستخدام نموذج. يقوم النموذج بالتحقق من صحة الإدخال ويرسل البيانات إلى الخادم.

4. محمل دائري: أثناء جلب البيانات من واجهة برمجة التطبيقات ، يتم عرض محمل دائري للإشارة إلى أنه يجري تحميل البيانات.

5. لا توجد رسالة موجودة بيانات: إذا كانت استجابة API فارغة ، فسيتم عرض رسالة "لا توجد بيانات".

هيكل المشروع

• lib/controllers/ : يحتوي على وحدات التحكم GETX المستخدمة في إدارة الدولة.
• lib/views/ : يحتوي على طرق عرض واجهة المستخدم ، بما في ذلك الشاشة الرئيسية ونموذج الطالب.
• lib/main.dart : نقطة دخول تطبيق الرفرفة.

لقطات الشاشة

1. عرض جميع الطلاب.

   

2. أضف طالبًا.

   

3. تظهر الوجبات الخفيفة على النجاح.

   

4. بعد إضافة طالب جديد.