التمرين 6: الكيانات
الدرس 34 من 38 · التنفيذ · 2 دقيقة و57 ثانية
الفيديو الأصلي باللغة الإنجليزية. إذا تعذّر تشغيله هنا، شاهده على موقع المؤلف. التفريغ النصي العربي الكامل أدناه.
الموارد
- مستودع المشروع..... تحقق من ال
restaurant-entitiesفرع. - مواصفات Figma
تعليمات التمرين
- إنشاء وظيفة "جلب" لجلب البيانات من
/reviewsنقطة النهاية. - إنشاء دالة في النموذج (على سبيل المثال.
getRatings()) التي من شأنها جلب البيانات من نقاط النهاية اللازمة وسوف يعود أRatingsالكيان (انظر نوع TypeScript أدناه.) - استخدم الدالة النموذجية لعرض البيانات في واجهة المستخدم.
نوع كيان التقييمات
التفريغ النصي
[00:02] في هذا التمرين، سنقوم بتنفيذ نموذج لكيان تصنيف المطاعم لدينا. هناك مكانان في وحدة المطعم حيث تظهر التقييمات والمراجعات. واحد في الأعلى حيث نحصل على ملخص صغير، ثم في الأسفل نحصل على معلومات أكثر اكتمالا حول جميع التقييمات والمراجعات.
[00:28] نقطة النهاية التي نستدعيها للحصول على معلومات المطعم تعطينا أيضًا بيانات قسم ملخّص التقييمات. إنها نقطة معلومات المطعم: نأخذ منها مصفوفة تضم ثلاث مراجعات، ودرجة التقييم وعدد التقييمات. ولعرض بقية المراجعات، نستخدم نقطة نهاية المراجعات بإضافة المسار «/reviews». نحصل منها على مراجعات إضافية بالبنية نفسها التي رأيناها سابقًا.
[01:04] الآن سيكون التمرين لك هو إنشاء دالة في النموذج يمكننا الاتصال بها للحصول على المعلومات لهذا القسم هنا. لن يشمل ذلك فقط قائمة المراجعات بالتنسيق المبسط، تلك التي نحصل عليها من نقطة النهاية هذه، ولكن أيضًا عدد التقييمات ودرجة التقييم الفعلية التي حصلنا عليها لهذا المطعم.
[01:29] يمكنك استخدام هذا النوع كنقطة انطلاق. ستجد النوع أيضًا في وصف هذا الفيديو. أسمي هذا التقييم، ولدينا التصنيف، وهو الرقم بين واحد وخمسة، وعدد التقييمات، ومجموعة من المراجعات. مع كل هذه المعلومات، يمكننا تقديم هذا القسم هنا.
[01:57] هناك ثلاثة أشياء يجب عليك القيام بها كجزء من هذا التمرين. الأول هو إنشاء دالة الجلب لجلب البيانات من نقطة نهاية المراجعات. والثاني هو إنشاء دالة النموذج الخاص بك التي يمكنك الاتصال بها، مثل "الحصول على تقييمات" أو "الحصول على تقييمات المطعم"، والتي ستأخذ معرف مطعمنا وتعطيك كائنًا في هذا التنسيق، ويحتمل تجميعه من نقاط نهاية متعددة. أخيرًا، استخدم دالة النموذج هذه في واجهة المستخدم.
[02:24] بنفس الطريقة التي نستخدم بها الدالة لتقديم المعلومات هنا في الرأس، فأنت تريد استخدام هذه الوظيفة لتقديم بعض هذه المعلومات في مكون التصنيفات الموجود في أسفل هذه الصفحة.
[02:42] هذا هو التمرين. يمكنك استخدام فرع كيانات المطاعم. ستجد أيضًا اسم الفرع في الوصف كنقطة انطلاق. سأراكم في الفيديو التالي حيث سأريكم حلي لهذا التمرين.