Omówienie pomocników tagów i procedur obsługi stron

  • 4 min

W poprzedniej lekcji utworzono stronę Razor, która wyświetla listę pizz. Symbol został użyty do przełączania @ kontekstów między kodami HTML i C#. W tej lekcji poznasz pomocników tagów. Pomocnicy tagów to specjalny rodzaj elementu HTML, który może zawierać kod C#. Dowiesz się również o programach obsługi stron. Programy obsługi stron to metody obsługujące żądania przeglądarki. W następnej lekcji użyjesz procedur obsługi stron, aby dodać i usunąć pizze.

Pomocnicy tagów

Pomocnicy tagów są używane do adresowania nieefektywności przełączania kontekstu między językiem HTML i C#. Większość wbudowanych pomocników tagów ASP.NET Core rozszerza standardowe elementy HTML. Pomocnicy tagów zapewniają dodatkowe atrybuty po stronie serwera dla elementów HTML, dzięki czemu elementy są bardziej niezawodne.

W tym projekcie znajdują się cztery pomocniki tagów: Częściowe, Etykieta, Dane wejściowe i Komunikat podsumowania weryfikacji.

Pomocnik tagów częściowych

<partial name="_ValidationScriptsPartial" />

Spowoduje to wstrzyknięcie zawartości _ValidationScriptsPartial.cshtml pliku do strony. Plik _ValidationScriptsPartial.cshtml zawiera kod JavaScript używany do sprawdzania poprawności danych wejściowych formularza, dlatego musi być uwzględniony na każdej stronie zawierającej formularz.

Pomocnik tagów etykiet

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

Rozszerza to standardowy element HTML <label> . Podobnie jak wiele pomocników tagów, używa atrybutu asp-for . Atrybut akceptuje właściwość z elementu PageModel. W takim przypadku nazwa PageModelwłaściwości "s Foo.Id " (w szczególności ciąg "Id") będzie renderowana jako zawartość elementu HTML <label> .

Pomocnik tagów wejściowych

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

Podobnie jak w poprzednim przykładzie, rozszerza to standardowy element HTML <input> . Jest w nim też używany atrybut asp-for, aby określić właściwość PageModel. W takim przypadku wartość Foo.Id właściwości zostanie renderowana jako value atrybut elementu HTML <input> .

Pomocnik tagów podsumowania sprawdzania poprawności

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

Pomocnik tagu podsumowania weryfikacji wyświetla komunikat weryfikacji dla pojedynczej właściwości w modelu.

Uwaga

W klasie są definiowane PageModel takie elementy jak reguły walidacji i nazwy wyświetlane właściwości. Wskażemy, gdzie można je znaleźć w kodzie w następnej lekcji.

Programy obsługi stron

Klasa PageModel definiuje programy obsługi stron dla żądań HTTP i danych używanych do renderowania strony. W poprzednim ćwiczeniu klasa obsłużyła żądanie HTTP GET, PizzaListModel ustawiając wartość PizzaList właściwości na wartość _service.GetPizzas().

Typowe procedury obsługi obejmują OnGet inicjowanie strony i OnPost przesyłanie formularzy. Aby obsłużyć post HTTP, procedura obsługi stron może zweryfikować dane przesłane przez użytkownika, ponownie przedstawić stronę formularza wejściowego, jeśli jest nieprawidłowa, lub wysłać prawidłowe dane do usługi lub bazy danych w celu zachowania.

W następnej lekcji dodasz formularz, aby utworzyć nowe pizze przy użyciu kilku pomocników tagów. Dodasz również procedury obsługi stron, aby obsłużyć przesyłanie formularzy i usuwanie pizzy.