دسته بندی ها
15:04 1403/12/26

قابلیت Enhanced Navigation یا ناوبری پیشرفته در Blazor 8 چیست ؟

مشخصات سوال کننده :
کاربر : hakan2025     امتیاز کاربر : 3     رتبه کاربر : 136
دسته بندی : Blazor Asp.net Core

به این سوال امتیاز بدهید    0
تعداد بازدید این سوال : 389
پاسخ دهنده : fateme 16:13 1403/12/26

ناوبری پیشرفته یا Enhanced Navigation در Blazor dot net 8

یکی از قابلیت هایی که در دات نت 8 به Blazor افزوده شده است Enhanced Navigation می باشد. این قابلیت بر روی لینک ها در Blazor اعمال می شود. همانطور که می دانیم در Blazor برای نمایش و استفاده از یک لینک از تگ NavLink به جای تگ a استفاده می شود. به طور پیش فرض تگ NavLink قابلیت ناوبری پیشرفته را دارد ولی شما می توانید به صورت دستی هم این قابلیت را فعال یا غیرفعال کنید.

 

کاربرد Enhanced Navigation چیست ؟

به طور ساده اگر این قابلیت را برای یک لینک در Blazor فعال کنید باعث می شود بعد از باز شدن محتویات لینک صفحه رفرش نشود و محتویات سایت (فایل های js، css و ...) مجددا از سرور سایت دریافت نشود. اما اگر این قابلیت را غیرفعال کنید مشابه یک لینک معمولی (تگ a) عمل می شود و تمامی محتویات سایت مجددا از سرور لود می شود و عملا سایت یکبار رفرش می شود.

ناوبری پیشرفته باعث افزایش سرعت سایت و یک تجربه کاربری بهتر برای کاربر نهایی خواهد بود.

 

چگونه از Enhanced Navigation استفاده کنیم ؟

همانطور که گفته شد این قابلیت به صورت پیش فرض روی NavLink ها فعال می باشد و نیاز نیست کاری انجام دهید. اما برای غیرفعال کردن یا فعال کردن به صورت دستی می توانید به صورت زیر عمل کنید.

<NavLink class="nav-link" href="" Match="NavLinkMatch.All" data-enhance-nav="false">
   <span class="oi oi-home" aria-hidden="true"></span> Home
</NavLink>

<NavLink class="nav-link" href="counter" data-enhance-nav="true">
   <span class="oi oi-plus" aria-hidden="true"></span> Counter
</NavLink>

همونطوری که می بینید با استفاده از data-enhance-nav می تونید این قابلیت رو فعال یا غیرفعال کنید.

ویرایش شده در یکشنبه 26 اسفند 1403 ساعت 16:16:00
به این پاسخ امتیاز بدهید    0
امتیاز: 1617 رتبه: 2
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.   ورود