قابلیت Enhanced Navigation یا ناوبری پیشرفته در Blazor 8 چیست ؟
سلام. یکی از قابلیت هایی که در دات نت 8 اضافه شده Enhanced Navigation یا ناوبری پیشرفته هست. کسی می تونه دقیقا بگه چی هست و چه کاربردی داره ؟
ناوبری پیشرفته یا 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 می تونید این قابلیت رو فعال یا غیرفعال کنید.
- آموزش استفاده از SignalR در Asp.net Core با مثال عملی
- ادغام چند گزارش استیمول سافت بصورت پی دی اف در یک فایل
- نحوه تغییر استایل کامپوننت select2 چگونه است ؟
- چگونه امنیت پروژه را در Asp.net Core افزایش دهیم ؟
- ارسال پارامتر در دستور window.open جی کویری
- ارسال پارامتر از طریق جاوااسکریپت با کلیک روی تگ a
- خطای 500 زمان اجرا شدن پروژه روی هاست
- کویری نویسی در استیمول سافت جهت فیلتر اطلاعات
- نمایش صفحه در پنجره جدید با کلیک روی لینک (تگ a) در Asp
- افزودن مقادیر به صورت دستی به List دریافت شده از ریپازیتوری
- کار با CkEditor با قابلیت آپلود عکس
- خطا در ایجاد migration در Asp.net core
- تفاوت های Asp.net core و Asp.net mvc چیه؟
- دلیل اسپم شدن ایمیل های ارسالی از سرور
- نحوه لایه بندی پروژه Core و اضافه کردن به IIS
- ارسال ایمیل در Asp.net core
- آیا میشه در mvc core از کامپونت استفاده کرد
- آپلود فایل در Asp.net core چگونه است؟
- حذف کامل یک رکورد در جدول ریلیشن شده
- اشکال در آپلود فایل ویدیو در mvc core 2