5.7 KiB
تحسين التوجيه
التعليمات
بعد أن قمت ببناء نظام توجيه أساسي، حان الوقت لتعزيزه بميزات احترافية تحسن تجربة المستخدم وتوفر أدوات أفضل للمطورين. التطبيقات الواقعية تحتاج إلى أكثر من مجرد تبديل القوالب – فهي تتطلب عناوين صفحات ديناميكية، ووظائف دورة حياة، وهياكل قابلة للتوسيع.
في هذه المهمة، ستقوم بتوسيع تنفيذ التوجيه الخاص بك بإضافة ميزتين أساسيتين شائعة الاستخدام في تطبيقات الويب الإنتاجية. هذه التحسينات ستجعل تطبيقك البنكي يبدو أكثر احترافية وتوفر أساسًا لوظائف مستقبلية.
إعلان المسارات يحتوي حاليًا فقط على معرف القالب المستخدم. ولكن عند عرض صفحة جديدة، هناك حاجة إلى المزيد أحيانًا. دعنا نحسن تنفيذ التوجيه الخاص بنا بإضافة ميزتين إضافيتين:
الميزة الأولى: عناوين صفحات ديناميكية
الهدف: إعطاء عناوين لكل قالب وتحديث عنوان النافذة بهذا العنوان الجديد عند تغيير القالب.
لماذا هذا مهم:
- يحسن تجربة المستخدم من خلال عرض عناوين وصفية في علامات تبويب المتصفح
- يعزز إمكانية الوصول لقراء الشاشة والتقنيات المساعدة
- يوفر سياقًا أفضل للإشارات المرجعية وسجل المتصفح
- يتبع أفضل ممارسات تطوير الويب الاحترافية
نهج التنفيذ:
- قم بتمديد كائن المسارات ليشمل معلومات العنوان لكل مسار
- عدل وظيفة
updateRoute()لتحديثdocument.titleديناميكيًا - اختبر أن العناوين تتغير بشكل صحيح عند التنقل بين الشاشات
الميزة الثانية: وظائف دورة حياة المسار
الهدف: إضافة خيار لتشغيل بعض التعليمات البرمجية بعد تغيير القالب. نريد طباعة 'تم عرض لوحة التحكم' في وحدة تحكم المطور في كل مرة يتم فيها عرض صفحة لوحة التحكم.
لماذا هذا مهم:
- يمكن من تنفيذ منطق مخصص عند تحميل مسارات معينة
- يوفر وظائف لدعم التحليلات، التسجيل، أو تعليمات التهيئة
- يخلق أساسًا لسلوكيات مسارات أكثر تعقيدًا
- يظهر نمط المراقب في تطوير الويب
نهج التنفيذ:
- أضف خاصية وظيفة رد نداء اختيارية إلى تكوينات المسارات
- نفذ وظيفة رد النداء (إذا كانت موجودة) بعد اكتمال عرض القالب
- تأكد من أن الميزة تعمل لأي مسار يحتوي على رد نداء محدد
- اختبر ظهور الرسالة في وحدة التحكم عند زيارة لوحة التحكم
معايير التقييم
| المعايير | ممتاز | مقبول | يحتاج إلى تحسين |
|---|---|---|---|
تم تنفيذ الميزتين وتعملان بشكل صحيح. إضافة العنوان والتعليمات البرمجية تعمل أيضًا لمسار جديد مضاف في إعلان routes. |
الميزتان تعملان، ولكن السلوك مبرمج بشكل ثابت وغير قابل للتكوين عبر إعلان routes. إضافة مسار ثالث مع العنوان والتعليمات البرمجية لا تعمل أو تعمل جزئيًا. |
إحدى الميزتين مفقودة أو لا تعمل بشكل صحيح. |
إخلاء المسؤولية:
تم ترجمة هذا المستند باستخدام خدمة الترجمة بالذكاء الاصطناعي Co-op Translator. بينما نسعى لتحقيق الدقة، يرجى العلم أن الترجمات الآلية قد تحتوي على أخطاء أو عدم دقة. يجب اعتبار المستند الأصلي بلغته الأصلية المصدر الموثوق. للحصول على معلومات حاسمة، يُوصى بالترجمة البشرية الاحترافية. نحن غير مسؤولين عن أي سوء فهم أو تفسيرات خاطئة تنشأ عن استخدام هذه الترجمة.