5.9 KiB
بهبود مسیریابی
دستورالعملها
حالا که یک سیستم مسیریابی پایه ساختهاید، وقت آن است که آن را با ویژگیهای حرفهای تقویت کنید که تجربه کاربری را بهبود میبخشند و ابزارهای بهتری برای توسعهدهندگان فراهم میکنند. برنامههای واقعی نیازمند بیش از تعویض قالب هستند – آنها به عناوین پویا صفحه، قلابهای چرخه عمر و معماریهای قابل توسعه نیاز دارند.
در این تمرین، شما پیادهسازی مسیریابی خود را با دو ویژگی اساسی که معمولاً در برنامههای وب تولیدی یافت میشوند گسترش میدهید. این بهبودها باعث میشوند برنامه بانکداری شما حرفهایتر به نظر برسد و پایهای برای عملکردهای آینده فراهم کند.
تعریف مسیرها در حال حاضر فقط شامل شناسه قالب برای استفاده است. اما هنگام نمایش صفحه جدید، گاهی کمی اطلاعات بیشتر لازم است. بیایید پیادهسازی مسیریابی خود را با دو ویژگی اضافی بهبود دهیم:
ویژگی ۱: عناوین پویا صفحات
هدف: به هر قالب عنوانی بدهید و هنگام تغییر قالب، عنوان پنجره را با این عنوان جدید بهروزرسانی کنید.
چرا این مهم است:
- بهبود تجربه کاربری با نمایش عناوین توصیفی در برگه مرورگر
- افزایش دسترسی برای خوانندگان صفحه و فناوریهای کمککننده
- ارائه بوکمارکینگ بهتر و زمینه تاریخچه مرورگر
- پیروی از بهترین شیوههای حرفهای توسعه وب
روش پیادهسازی:
- گسترش شیء routes برای افزودن اطلاعات عنوان به هر مسیر
- اصلاح تابع
updateRoute()برای بهروزرسانی پویاdocument.title - آزمایش تغییر صحیح عناوین هنگام جابجایی بین صفحهها
ویژگی ۲: قلابهای چرخه عمر مسیر
هدف: افزودن گزینهای برای اجرای کدی پس از تغییر قالب. میخواهیم هر بار که صفحه داشبورد نمایش داده میشود، پیام 'Dashboard is shown' را در کنسول توسعهدهنده چاپ کنیم.
چرا این مهم است:
- فعالسازی اجرای منطق سفارشی هنگام بارگذاری مسیرهای خاص
- ارائه قلابهایی برای تحلیل دادهها، ثبت وقایع یا کدهای اولیهسازی
- ایجاد پایهای برای رفتارهای پیچیدهتر مسیر
- نمایش الگوی ناظر در توسعه وب
روش پیادهسازی:
- افزودن یک ویژگی تابع کالبک اختیاری به پیکربندی مسیرها
- اجرای تابع کالبک (در صورت وجود) پس از اتمام رندر قالب
- اطمینان از کارکرد این ویژگی برای هر مسیری که کالبک تعریف شده است
- آزمایش نمایش پیام در کنسول هنگام بازدید از داشبورد
معیار ارزیابی
| معیار | نمونه عالی | قابل قبول | نیاز به بهبود |
|---|---|---|---|
هر دو ویژگی پیادهسازی شده و کار میکنند. اضافه شدن عنوان و کد برای مسیر جدیدی که در تعریف routes افزوده شده نیز کار میکند. |
هر دو ویژگی کار میکنند، اما رفتار بهصورت سختکد در نظر گرفته شده و از طریق تعریف routes قابل تنظیم نیست. افزودن مسیر سوم با عنوان و افزودن کد کار نمیکند یا بهصورت جزئی کار میکند. |
یکی از ویژگیها حذف شده یا به درستی کار نمیکند. |
سلب مسئولیت:
این سند با استفاده از سرویس ترجمه هوش مصنوعی Co-op Translator ترجمه شده است. در حالی که ما برای دقت تلاش میکنیم، لطفاً توجه داشته باشید که ترجمههای خودکار ممکن است دارای خطاها یا نواقصی باشند. سند اصلی به زبان بومی خود باید به عنوان منبع معتبر در نظر گرفته شود. برای اطلاعات حیاتی، توصیه میشود از ترجمه حرفهای انسانی استفاده گردد. ما مسئول سوءتفاهمها یا تفسیرهای نادرستی که ناشی از استفاده این ترجمه باشد، نیستیم.