في الدرس السابق أخذنا مثال عن جلب بيانات الطلاب وقمنا بتعريف مصفوفة الطلاب بالمكون component ولكن في الحقيقة ليس من الحكمة جلب البيانات انطلاقا من المكونات components وإنما وظيفة المكونات تقتصر الى طلب البيانات من شيء يسمى "ملفات الخدمة" services وهذه بدورها تقوم بالاتصال بالسيرفر فترسل له طلب البيانات فيقوم السيرفر بمعالجة طلب ملف الـ service وبعدها يقوم بالرد عليه وهذا الاخير "service" يقوم بالتقاط البيانات من السيرفر ويحولها مباشرة الى المكون component
باختصار شديد يمكن أن نلخص طلب بيانات بشكل حقيقي بـ angular بهدا الشكل
- من المعلوم ان المكون هو صفحة أو جزء من محتوى صفحة معينة , فعند اقلاع المكون فإنه يرسل طلب بخصوص بيانات الطلاب الى ملف الخدمة وملف الخدمة هنا يمثل دور الوسيط حيث يستلم الطلب ثم يقوم الاتصال بالسرفر وطلب البيانات
- السرفر يعالج طلب ملف الخدمة service ويقوم بجلب بيانات الطلاب من قاعدة البيانات
- بعد المعالجة يقوم السيرفر بعمل رد response الى ملف الخدمة
- ملف الخدمة service يستلم الرد مرفق ببيانات الطلاب أو برسالة خطأ ما
- بعد الاستلام يحول ملف الخدمة البيانات المستلمة إلى المكون
- يقوم المكون بمعالجة البيانات المستلمة ويستعرض مصفوفة الطلاب المستلمة بالـ template او الصفحة
لا يجب على المكونات Components جلب البيانات مباشرة من السيرفر أو حفظها بشكل مباشر، انما هذه الوظائف من اختصاص ملفات الخدمة Services اما المكونات تقتصر مهمتها على العرض وإدارة الواجهة الخاصة بها template .
تعليقات
إرسال تعليق