Общие сведения о вспомогательных функциях тегов и обработчиках страниц

  • 4 мин

В предыдущем уроке вы создали страницу Razor, на которой отображается список пицц. Символ использовался для @ переключения контекстов между HTML и C#. В этом уроке вы узнаете о вспомогательных функциях тегов. Вспомогательные функции тегов — это особый тип HTML-элемента, который может содержать код C#. Вы также узнаете о обработчиках страниц. Обработчики страниц — это методы, обрабатывающие запросы браузера. В следующем уроке вы будете использовать обработчики страниц для добавления и удаления пицц.

Вспомогательные функции тегов

Вспомогательные функции тегов используются для устранения неэффективности переключения контекста между HTML и C#. Большинство встроенных вспомогательных функций тегов ASP.NET Core расширяют стандартные элементы HTML. Вспомогательные функции тегов предоставляют дополнительные атрибуты на стороне сервера для элементов HTML, что делает элементы более надежными.

Существует четыре вспомогательных элемента тегов, которые следует знать для этого проекта: Partial, Label, Input и Validation Summary Message.

Вспомогательная функция тега частичного представления

<partial name="_ValidationScriptsPartial" />

Это встраивает содержимое файла в _ValidationScriptsPartial.cshtml страницу. Файл _ValidationScriptsPartial.cshtml содержит Код JavaScript, используемый для проверки входных данных формы, поэтому его необходимо включить на каждой странице, содержащей форму.

Вспомогатель тега метки

<label asp-for="Foo.Id" class="control-label"></label>

Это расширяет стандартный элемент HTML <label> . Как и многие вспомогательные функции тегов, он использует asp-for атрибут . Атрибут принимает свойство из PageModel. В этом случае имя PageModelсвойства ( Foo.Id в частности, строка "Id") будет отображаться как содержимое элемента HTML <label> .

Вспомогатель тега ввода

<input asp-for="Foo.Id" class="form-control" />

Как и в предыдущем примере, это расширяет стандартный элемент HTML <input> . Она также использует атрибут asp-for для указания свойства PageModel. В этом случае значение Foo.Id свойства будет отображаться как value атрибут элемента HTML <input> .

Вспомогательная функция тега сводки по проверке

<div asp-validation-summary="All"></div>

Вспомогающая функция тега сводки по проверке отображает сообщение проверки для одного свойства модели.

Примечание

Такие элементы, как правила проверки и отображаемые имена свойств, определяются в PageModel классе . Мы укажем, где их найти в коде в следующем уроке.

Обработчики страниц

Класс PageModel определяет обработчики страниц для HTTP-запросов и данных, используемых для отрисовки страницы. В предыдущем упражнении PizzaListModel класс обработал HTTP-запрос GET, задав для свойства PizzaList значение _service.GetPizzas().

К распространенным обработчикам относятся OnGet инициализация страниц и OnPost отправка форм. Для обработки HTTP POST обработчик страницы может проверить данные, отправленные пользователем, снова представить страницу входной формы, если она является недопустимой, или отправить допустимые данные в службу или базу данных для сохранения.

В следующем уроке вы добавите форму для создания новых пицц с помощью нескольких вспомогательных функций тегов. Вы также добавите обработчики страниц для обработки отправки и удаления пицц.