Tag Helper در Anchor Element – جلسه ۴۱
163 بار بازدید -
3 سال پیش
-
در این جلسه از آموزش
در این جلسه از آموزش ASP.NET 5.0 / Core به معرفی Tag Helper ها خواهیم پرداخت و نحوه استفاده از آن را در تگ a و یا Anchor Element بررسی میکنیم. Tag Helprها در واقع کامپوننتهای سمت سرور میباشند که در سمت سرور پردازش شده و تگهای Html را ایجاد میکنند. عملکرد آنها مانند Html Helperها بوده که در جلسات گذشته به بررسی آنها پرداختیم. در بسیاری از قسمتهای کد Razor مربوط به تگهلپرها، نوشتار بسیار شبیه به تگهای Html میباشد و این کار را برای توسعهدهندگان سادهتر میکند. در ASP.NET تگهلپرهای پیشفرض بسیاری برای طراحی صفحات نما وجود دارد که در این جلسه و جلسات آتی به آنها خواهیم پرداخت. همچنین برای استفاده از Tag Helper در نما، میبایست این قابلیت را به نمای خود اضافه نماییم که در جلسه 23 به شرح آن پرداخته ایم.
استفاده از Tag Helper در Anchor Element
Anchor Element در واقع همان تگ میباشد که در جلسه 33 با استفاده از هلپر ActionLink نسبت به ایجاد آن در نمای خود اقدام کردیم. در این جلسه قصد داریم تا آدرسدهی به لینک خود را بوسیله Tag Helper انجام بدهیم. برای آدرسدهی و اشاره به نام کنترلر میتوانیم از تگهلپر asp-controller و برای نام اکشن متد از هلپر asp-action استفاده نماییم. همچنین میتوانیم برای اشاره به مسیر خاص و یا یک ID خاص از هلپر asp-route-id استفاده نماییم.
مزیت استفاده از Tag Helper در آدرس دهی Anchor Element به نسبت آدرس دهی استاتیک
اکنون مزیت استفاده از Tag Helper در آدرس دهی Anchor Element را نسبت به آدرس دهی استاتیک، با یک مثال شرح خواهیم داد. فرض کنیدبرای آدرس مسیرهای درون پروژه از ادرس دهی نسبی استاتیک استفاده نموده اید. همچنین پروژه ما دارای دهها کنترل و اکشن متد و نما میباشد.
پس از بارگذاری پروژه بنا بر یک نیاز، ما میبایست یک عبارت به قبل از نام کنترلر به عنوان مثال اضافه نماییم. برای یادداوری این عملیات به جلسه 12 مراجعه نمایید. با این تغییر تمامی لینکهای آدرس دهی شده به صورت استاتیک خطای 404 را نمایش میدهند. در صورتی که اگر در آدرس دهی از Tag Helper استفاده نماییم، کلمه پیش فرض به صورت خودکار به آدرس لینک اضافه میگردد و این خطا رخ نخواهد داد.
جهت مشاهده متن کامل این جلسه به وبسایت مراجعه فرمایید
https://goldencourses.ir/tag-helper-in-anchor-element/
لینک وب سایت ما: https://goldencourses.ir
لینک کانال تلگرام ما: https://bit.ly/390XT9G
لینک کانال اینستاگرام ما: https://bit.ly/3r4Kfs1
لینک کانال یوتیوب ما: https://bit.ly/2OUBOTe
لینک گیتهاب ما: https://github.com/aminseifoori/DailyCostWebApplication
3 سال پیش
در تاریخ 1400/09/17 منتشر شده
است.
163
بـار بازدید شده