Помощник тега страницы Asp / Помощник тега в Asp.net Core MVC

  • Это новое в ядре Asp.net.
  • Это серверный компонент.
  • Он обрабатывается на сервере и отображает элемент HTML в файлах Razor.
  • Это похоже на помощники Html
  • Существует так много помощников по тегам, таких как генерация ссылки, создание форм и т. д.
  • Чтобы использовать помощник тегов, нам нужно сначала импортировать этот помощник тегов.

Например, нам нужно создать привязку к тегу с помощью tag helper.

<a asp-controller="home" asp-action="Details" asp-route-id="@stud.StudentId">Details</a>

В этом

  • asp-controller=берется имя контроллера
  • asp-action= — это имя действия или метода, присутствующее в этом контроллере.
  • asp-route-id= — это параметр, который мы передаем этому методу.

Вы можете видеть, что если мы используем Tag-Helper, синтаксис изменения цвета будет хорошим и чистым. Теперь мы можем увидеть тот же пример с помощью помощника HTML.

@Html.ActionLink("Link Text","ActionName", "ControllerName", new { id = stud.StudentId });

Кроме того, еще один способ — создать якорный элемент.

@Url.Action("details", "home", new { id = stud.StudentId });

Использование вышеуказанного метода заключается в том, что он возвращает строковый элемент.

Преимущества Tag Helper? / Зачем использовать помощник по тегам?

Помощник тега создает ссылку в соответствии с шаблоном маршрута. Если в будущем вы измените шаблон маршрута, эти изменения будут присутствовать в файле startup.cs, и если вы используете обычный статический код Html или помощник Html, то вновь сгенерированный URL-адрес не будет присутствовать в этом файле HTML.

Помощник по тегам изображений:

Используйте общий тег img, но только в этом случае добавьте одно свойство asp-append-version="true", чтобы оно преобразовывалось во вспомогательную функцию тега изображения, и это очень полезно.

Во-первых, он улучшает тег ‹ img›, обеспечивающий очистку кеша для файла статического изображения. Во-первых, поймите, что это означает, что браузер имеет функцию кэширования, если мы используем изображение 1, а по истечении определенного периода времени мы используем изображение 2, но имя такое же, поэтому браузер покажет старый файл, потому что, когда мы используем несколько раз, он сохраняется в кэш-памяти. Чтобы избежать этой версии asp-append, которая позволяет нам добавлять уникальное хеш-значение к имени изображения, и оно вычисляется на основе изображения, если наше изменение изображения в будущем значении изменится. Таким образом, это означает, что при изменении нашего изображения на сервере будет сгенерирован новый хэш, который будет добавлен к изображению.

<img class="card-img-top" src="~/images/images.jpg" asp-append-version="true"/>

Помощник по тегу среды:

Он используется для условной загрузки или рендеринга элементов, присутствующих внутри тега, и зависит от настроек хостинга. Переменные среды имеют атрибут имени, которому мы передаем значение, разделенное запятыми, которое соответствует среде хостинга, и результат будет получен.

<environment names="Staging,Production"> <strong>HostingEnvironment.EnvironmentName is Staging or Production</strong> </environment> Include and Exclude attribute: These include & exclude attributes which control the rendering of enclosed content based on the included or excluded hosting environment names. <environment include="Staging,Production"> <strong>HostingEnvironment.EnvironmentName is Staging or Production</strong> </environment> <environment exclude="Development"> <strong>HostingEnvironment.EnvironmentName is not Development</strong> </environment>

Он в основном используется для загрузки минимизированных или не минимизированных средств для разработки необходимых файлов CSS, js, jquery.

Помощник по кэшированию тегов:

Он используется для кэширования содержимого и повышения производительности приложения asp.net.

<cache>@DateTime.Now</cache> The cache expiration time is 20 by default. expires-on:- This attribute is used to set expiration date. <cache expires-on="@new DateTime(2025,1,29,17,02,0)"> Current Time Inside Cache Tag Helper: @DateTime.Now </cache>

expires-after: используется для установки срока действия после первого запроса.

<cache expires-after="@TimeSpan.FromSeconds(120)"> Current Time Inside Cache Tag Helper: @DateTime.Now </cache>

Вспомогательные функции тегов форм в Asp.Net Core:

Чтобы создать строго типизированную форму в ядре asp.net, мы используем тег формы с добавлением атрибута asp-action, asp-controller, чтобы он стал помощником тега формы.

Чтобы создать строго типизированную форму, используйте атрибут asp-for в элементе HTML-тега, например, ввод, выбор, переключатели. Ниже я показываю пример, в котором Student является нашей моделью, и она сильно привязана к нашему тегу формы создания.

@model Student @{ ViewData["Title"] = "Create"; } <h1>Create</h1> <h4>Student</h4> <hr /> <div class="row"> <div class="col-md-4"> <form asp-action="Create" asp-> <div asp-validation-summary="ModelOnly" class="text-danger"></div> <div class="form-group"> <label asp-for="StudentId" class="control-label"></label> <input asp-for="StudentId" class="form-control" /> <span asp-validation-for="StudentId" class="text-danger"></span> </div> <div class="form-group"> <label asp-for="FullName" class="control-label"></label> <input asp-for="FullName" class="form-control" /> <span asp-validation-for="FullName" class="text-danger"></span> </div> <div class="form-group"> <label asp-for="Address" class="control-label"></label> <input asp-for="Address" class="form-control" /> <span asp-validation-for="Address" class="text-danger"></span> </div> <div class="form-group"> <label asp-for="Division" class="control-label"></label> <select asp-items="@Html.GetEnumSelectList<Divi>()"></select> </div> <div class="form-group"> <input type="submit" value="Create" class="btn btn-primary" /> </div> </form> </div> </div> <div> <a asp-action="List">Back to List</a> </div>

В приведенном выше примере мы также используем тег select. у нас есть 3 способа добавить данные в тег выбора, но я использую только один способ, в котором мы берем перечисление, объявленное перечислением в модели.

public enum Divi { A_8, B_8, A_9, B_9, A_10, B_10 }

Итак, в asp-input мы используем атрибут asp-items, для которого мы используем помощник Html для нумерованного списка из этого перечисления. Ниже приведен код для этого

<select asp-items="@Html.GetEnumSelectList<Divi>()"></select>

Всегда помните, что asp-действие тега формы по умолчанию указывает на тот же метод или метод действия, который вызывается.

<form asp-action="Create" >

Список тегов Asp.net

  • Помощник по тегам привязки
  • Помощник по кэшированию тегов
  • Помощник по тегу распределенного кэша
  • Помощник по тегам среды
  • FormActionTagHelper
  • Помощник по тегам форм
  • Помощник тега действия формы
  • Помощник по тегам изображений
  • Помощник по тегам ввода
  • Помощник по тегам Label
  • Помощник по частичным тегам
  • Выберите помощник по тегам
  • Помощник по тегам Textarea
  • Помощник тега сообщения проверки
  • Помощник тега сводки проверки

Первоначально опубликовано на https://sagarjaybhay.com 14 августа 2019 г.