Маршрутизация. Контроллеры. Представления. Хелперы

Маршрутизация
За сопоставление запросов с конкретными адресами внутри приложения в ASP.NET Core отвечает система маршрутизации.
Маршрутизация в MVC это процесс соответствия входящего запроса и обработчика запроса. Обработчиками запросов в MVC обычно выступают действия контроллера.
Запрос поступающий к серверу ASP.NET Core - это запрос к файлу или к маршруту.
Чтобы включить запрос к статическим файлам нужно добавить соответствующее промежуточное ПО в конвейер запросов. По умолчанию любой шаблон приложения в Visual Studio прописывает этот метод расширения в методе Configure.
app.UseStaticFiles();

Если это middleware не включено в конвейер обработки запроса или запрашиваемого файла не существует, то при запросе система сразу будет искать обработчик маршрута. Типичный обработчик маршрута – это контроллер.
Для направления запросов на соответствующие действия контроллера в MVC существует таблица маршрутизации. Добавление маршрута в таблицу маршрутизации называется регистрацией маршрута.
Есть два API, которые можно использовать для регистрации маршрутов:
Fluent API;
атрибуты маршрутизации.
MVC поддерживает 2 типа маршрутизации:
на основе соглашений (Convention-Based Routing);
на основе атрибутов (Attribute-Based Routing).
Маршрутизация к действиям должна быть добавлена в конвейер обработки запросов.

Чтобы задействовать систему маршрутизации на основе конечных точек в приложении MVC, надо:
добавить в классе Startup в методе ConfigureServices() сервисы MVC
с помощью соответствующего middleware в методе Configure() определить как минимум один маршрут
В MVC можно использовать два подхода к определению системы маршрутизации:
Определение и использование конечных точек с помощью компонентов EndpointRoutingMiddleware и EndpointMiddleware (применяется по умолчанию при создании нового проекта MVC).
Использование RouterMiddleware и метода UseMvc.

app.UseRouting();
app.UseAuthorization();
app.UseEndpoints(endpoints =>
{
endpoints.MapControllerRoute(
name: "default",
pattern: "{controller=Home}/{action=Index}/{id?}");
});
Добавляет в конвейер обработки запроса компонент EndpointRoutingMiddleware.
Компонент EndpointRoutingMiddleware позволяет определить маршрут, который соответствует запрошенному адресу, установить для его обработки конечную точку в виде объекта Microsoft.AspNetCore.Http.Endpoint, а также определить данные маршрута.
Встраивает в конвейер обработки запроса компонент EndpointMiddleware.
Компонент EndpointMiddleware определяет набор конечных точек, которые будут сопоставляться с определенными маршрутами и будут обрабатывать соответствующие маршрутам входящие запросы.

Метод app.UseEndpoints в качестве параметра принимает делегат Action с параметром IEndpointRouteBuilder, который добавляет конечные точки.
app.UseEndpoints(endpoints =>
{
endpoints.MapControllerRoute(
name: "default",
pattern: "{controller=Home}/{action=Index}/{id?}");
});
Шаблоны маршрутов
Шаблоны маршрутизации используют литералы и маркеры (для параметров маршрутизации). Литералы соответствуют точно тексту в URL, тогда как маркеры заменяются при сопоставлении маршрута.
public/{controller=Home}/{action=Index}/{id?}

Чтобы соответствовать шаблону, URL должен содержать маркеры контроллера и действия, так как это ключевая информация, которую MVC использует для поиска контроллера/действия. Другие маркеры в URL-адресе сопоставляются с параметрами методов действий с помощью привязки модели.
При использовании шаблона маршрута:
public/{controller=Home}/{action=Index}/{id?}
следующие URL сработают:
public/Home/Index/2
Имеется полное соответствие.
public/Home/Index
Тоже полное соответствие, id объявлен необязательным.

public/Home
Неполное соответствие. У третьего сегмента шаблона есть значение по умолчанию – Index.
public
У второго и третьего сегмента есть значения по умолчанию
Методы IEndpointRouteBuilder для добавления маршрутов:
MapControllerRoute(
string name, string pattern, [object defaults = null],
[object constraints = null], [object dataTokens = null]
) определяет произвольный маршрут .
name: название машрута
pattern: шаблон машрута
defaults: значения параметров маршрутов по умолчанию
constraints: ограничения маршрута
dataTokens: определения токенов маршрута

MapDefaultControllerRoute() определяет стандартный маршрут, эквивалентен вызову
endpoints.MapControllerRoute(
name: "default",
pattern: "{controller=Home}/{action=Index}/{id?}");
MapAreaControllerRoute(string name, string areaName,
string pattern, [object defaults = null],
[object constraints = null], [object dataTokens = null]
) определяет маршрут, который также учитывает область приложения.
MapControllers() сопоставляет действия контроллера с запросами, используя маршрутизацию на основе атрибутов.
MapFallbackToController(string action, string controller) определяет действие контроллера, которое будет обрабатывать запрос, если все остальные определенные маршруты не соответствуют запросу.

MapGet() добавляет конечную точку для определенного маршрута по запросу типа GET и ее обработчик.
app.UseEndpoints(endpoints =>
{
endpoints.MapGet("/Hello", async context =>
{
await context.Response.WriteAsync("
Hello, Vasja!
");
});
endpoints.MapControllerRoute(
name: "default",
pattern: "{controller=Home}/{action=Index}/{id?}");
});

Маршрутизация с помощью RouterMiddleware
Это старая форма маршрутизации. Была в Core 2.
Необходимо при подключении сервисов MVC в методе ConfigureServices явным образом отключить использование конечных точек.
Все методы для подключения сервисов MVC в качестве параметра могут принимать делегат Action
. С помощью свойства EnableEndpointRouting объекта MvcOptions можно отключить использование конечных точек:
services.AddControllersWithViews(mvcOtions=>
{
mvcOtions.EnableEndpointRouting = false;
});

app.UseMvc(routes =>
{
routes.MapRoute("api", "api/get", new { controller = "Home", action = "About" });
routes.MapRoute(
name: "default",
template: "{controller=Home}/{action=Index}/{id?}");
});
Для определения маршрутов в методе Configure применяется метод UseMvc():
При составлении таблиц маршрутизации важно, чтобы самые специфичные были зарегистрированы первыми, поскольку, как только будет найдено первое соответствие входящему URL поиск в таблице завершится.

Маршрутизация на основе атрибутов
Маршруты, определенные с помощью атрибутов, имеют приоритет по сравнению с маршрутами, определенными в классе Startup.
Для определения маршрута необходимо использовать атрибут [Route]. В качестве параметра атрибут Route принимает шаблон URL, с которым будет сопоставляться запрошенный адрес. Этот атрибут применяется к действиям контроллера.
[Route("Trepatnja")]
[HttpGet]
public ActionResult Comments()
{
var comments = CommentsDb.Comments;
return View(comments);
}

Если в проекте планируется использовать только маршрутизацию на основе атрибутов, то в классе Startup можно не определять никаких маршрутов. Например, при использовании EndpointMiddleware и конечных точек можно применить метод MapControllers.

Контроллеры
Контроллер представляет обычный класс, который наследуется от базового класса Microsoft.AspNetCore.Mvc.Controller.
В свою очередь класс Controller реализует абстрактный базовый класс ControllerBase.
Таким образом, чтобы создать свой класс контроллера, достаточно создать класс, наследующий от Controller и имеющий в имени суффикс Controller.
Методы действий (action methods) представляют такие методы контроллера, которые обрабатывают запросы по определенному URL.

Так как запросы бывают разных типов, например, GET и POST, ASP.NET MVC позволяет определить тип обрабатываемого запроса для действия, применив к нему соответствующий атрибут: [HttpGet], [HttpPost], [HttpDelete] или [HttpPut].
http://datanets.ru/tipy-zaprosov-http-protokola-get-post-put.html
https://habr.com/post/50147/
Не все методы контроллера являются методами действий. Методы действий всегда имеют модификатор public. Закрытых приватных методов действий не бывает.
Но контроллер может также включать и обычные методы, которые могут использоваться в вспомогательных целях.
Для контроллеров предназначена папка Controllers. По умолчанию при создании проекта в нее добавляется контроллер HomeController.

Чтобы указать, что класс не является контроллером (т.е. не может обрабатывать запрос), нам надо использовать над ним атрибут [NonController]
Если нужно, чтобы какой-то public метод контроллера не рассматривался как действие, то можно применить к нему атрибут [NonAction].
Атрибут [ActionName] позволяет для метода задать другое имя действия.
[HttpPost]
[ActionName("InsertComments")]
public ActionResult AddComments()
{
Comment comment = new Comment();
comment.Nik = Request.Form["Nik"];
comment.Text = Request.Form["Text"];
comment.Time = DateTime.Now;
CommentsDb.Comments.Add(comment);
return RedirectToAction("Comments");
}

Результаты действий
https://metanit.com/sharp/aspnet5/5.3.php
Метод контроллера формирует некоторый ответ в виде результата действия, как правило, это объект класса, реализующего интерфейс IActionResult.
Интерфейс IActionResult находится в пространстве имен Microsoft.AspNetCore.Mvc
Этот интерфейс реализуется абстрактным базовым классом ActionResult. В нем есть синхронный метод ExecuteResult, который выполняется в асинхронном.
public interface IActionResult
{
Task ExecuteResultAsync(ActionContext context);
}

Для создания своего класса результата действий нужно либо унаследовать его от ActionResult, либо реализовать интерфейс IActionResult.
public class MyActionResult:ActionResult
{
private string text;
private string action;
public MyActionResult(string text, string action)
{
this.text = text;
this.action = action;
}
public override async Task ExecuteResultAsync(ActionContext context)
{
string fullCode = "";
fullCode += "
Суперпроект
";
fullCode += "
";
fullCode += " ";
fullCode += "
" + text + "
";
fullCode += "
Куда-то
";
fullCode += "
";
await context.HttpContext.Response.WriteAsync(fullCode);
}

Метод действия в контроллере:
Стандартные результаты действий:
ContentResult: пишет указанный контент напрямую в ответ в виде строки
[Route("/")]
public IActionResult GetResult()
{
return new MyActionResult("Привет, Вася!", "Index");
}
EmptyResult: отправляет пустой ответ в виде статусного кода 200
FileResult: является базовым классом для всех объектов, которые пишут набор байтов в выходной поток. Предназначен для отправки файлов
И т.д. https://metanit.com/sharp/aspnet5/5.3.php

Например,
ViewResult: производит рендеринг представления и отправляет результаты рендеринга в виде html-страницы клиенту
Чтобы возвратить объект ViewResult используется метод View
return View();
По умолчанию контроллер производит поиск представления в проекте по следующему пути:
/Views/Имя_контроллера/Имя_представления.cshtml
public IActionResult Index()
{
return NotFound("Ничего не найдено");
}

В качестве представления будет использоваться то, имя которого совпадает с именем действия.
Можно также задать имя представления явным образом:
return View("Index");
Можно полностью переопределить путь, по которому система будет искать представление:
return View("~/Views/Some/Index.cshtml");
Передать данные из контроллера в представление можно, используя объекты ViewData и ViewBag.
ViewBag.User = "Вася";
ViewData["User"] = "Вася";
В представлении
@Html.TextBox("User",ViewData["User"])
Так нельзя: @Html.TextBox("User",ViewBag.User)

Так можно: @Html.TextBox("User",(string)ViewBag.User)
RedirectResult: перенаправляет пользователя по другому адресу URL
Для временной переадресации применяется метод Redirect:
return Redirect("/Home/Index");
RedirectToRouteResult: перенаправляет пользователя по определенному адресу URL, указанному через параметры маршрута
Метод RedirectToAction позволяет перейти к определенному действию определенного контроллера, а также позволяет задать передаваемые параметры:

Например,
return RedirectToAction("Index");
return RedirectToAction("Square", "Home", new { a=10,h=12});
HttpNotFoundResult: возвращает клиенту ответ в виде статусного кода HTTP 404, указывая, что запрошенный ресурс не найден.
public ActionResult Buy(int? id)
{
if (id == null)
return NotFound();
ViewBag.ProductId = id;
ViewBag.Title = "Оформление покупки "+Request.Params["item"];
return View();
}

Передача данных в контроллер
При отправке GET-запроса значения передаются через строку запроса.
Стандартный get-запрос:
название_ресурса?параметр1=значение1&параметр2=значение2
Например, определим следующий метод:
public IActionResult GetDollars(double? rubles,double? rate)
{
if(rubles!=null && rate!=null)
{
double dollars = rubles.Value / rate.Value;
return Content(
$" {rubles} руб. = {dollars} $ по курсу {rate}");
}
return StatusCode(401);
}
Запрос этого действия:
https://localhost:44305/Home/GetDollars?rubles=1000&rate=2.5

Передача в действие контроллера объекта класса
public IActionResult ShowStudent(Student student)
{
return Content($"Студент {student.Lastname} {student.Name} получил по ИГИ {student.MarkIGI}");
}

Передача данных в запросе POST
Чтобы система могла связать параметры метода и данные формы, необходимо, чтобы атрибуты name у полей формы соответствовали названиям параметров.
Фамилия:
Имя:
Оценка по ИГИ:

Данные в действии можно получать, не используя параметры, через свойство Request контроллера.
public ActionResult AddComments()
{
Comment comment = new Comment();
comment.Nik = Request.Form["Nik"];
comment.Text = Request.Form["Text"];
comment.Time = DateTime.Now;
CommentsDb.Comments.Add(comment);
return RedirectToAction("Comments");
}
comment.Nik = Request.Form.FirstOrDefault(p=>p.Key=="Nik").Value;

Представления
Представление не является html-страницей. При компиляции приложения на основе требуемого представления сначала генерируется класс на языке C#, наследующий от класса Microsoft.AspNetCore.Mvc.Razor.RazorPage
, где T - это класс модели, которая будет использоваться, или ключевое слово dynamic. Затем этот класс компилируется.
https://docs.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.mvc.razor.razorpage-1?view=aspnetcore-3.1
Все добавляемые представления, как правило, группируются по контроллерам в соответствующие папки в каталоге Views.
Для рендеринга представления в выходной поток, используется метод View().
Контроллер готовит данные и выбирает представление, а затем объект ViewResult обращается к движку представления Razor для рендеринга представления в выходной результат.
https://habr.com/post/98241/

Cпособы передачи данных из контроллера в представление:
ViewData
ViewBag
Модель представления
ViewData представляет словарь из пар ключ-значение.
ViewData["Title"]= "Шимпанзе - не обезьяны";
В качестве значения может выступать любой объект.
ViewBag позволяет определить различные свойства и присвоить им любое значение.
ViewBag.Title = "Шимпанзе - не обезьяны";

Строго типизированные представления
Позволяют передавать данные не через объект ViewBag и т.п., а напрямую в представление через параметр метода View.
Чтобы связать представление с передаваемым параметром, надо добавить в представление директиву @model с указанием типа передаваемых данных
Объект Model представляет тип модели и будет содержать переданные из контроллера данные

@using MvcSimple.Models;
@model IEnumerable
@foreach(var b in Model)
{
@*адрес, по которому будет размещаться форма оформления покупки*@
}
Товар
Категория
Цена
Выбор
@b.Name
@b.ProductCategory
@b.Price
Купить @foreach(var b in Model)
{

public ActionResult Index()
{
// получаем из бд данные
ViewBag.Title = "Магазин"; var products = db.Products;
// возвращаем представление
return View(products);
}
Можно автоматически создавать строго типизированное представление, указав в диалоговом окне при создании представления соответствующие параметры.

Мастер-страница может иметь несколько секций, куда представления могут поместить свое содержимое.
Добавим к мастер-странице секцию footer
@Html.ActionLink("Главная", "Index", "Home")
@RenderBody()
@RenderSection("Footer", false)
В представлении
@section Footer{
Разаработчик Вася
}

Код страницы _ViewStart.cshtml выполняется до кода любого из представлений, расположенных в том же каталоге. Этот файл последовательно применяется к каждому представлению, находящемуся в одном каталоге.
HTML-хелперы
Позволяют генерировать html-код.
Для создания хелпера в проекте нужно создать папку под названием App_Code. Это специальное зарезервированное имя для папки, которая содержит html-хелперы, поэтому нужно использовать данное название.
Хелперы представляют собой методы расширения, поэтому в папку App_Code для создания хелперов нужно добавить статический класс.

public static class ListHelper
{
public static HtmlString CreateList(this IHtmlHelper html, string[] items)
{
string result = "
";
foreach (string item in items)
{
result = $"{result}
{item}
";
}
result = $"{result}
";
return new HtmlString(result);
}
}
Пример использования:
@{
ViewData["Title"] = "Home Page";
string[] students = { "Вася", "Петя", "Маша", "Даша" };
}
@using WebApplication1.App_Code
@Html.CreateList(students)

Встроенные html-хелперы
Встроенный хелпер BeginForm позволяет создать форму
Принимает в качестве параметров имя метода действия и имя контроллера, а также тип запроса
@using(Html.BeginForm("Buy","Home",FormMethod.Post))
{
...
}
Хелпер Html.TextBox генерирует тег input со значением атрибута type равным text. Перегружен 7 раз.
@Html.TextBox("Address")
Html.Hidden генерирует тег input type="hidden"
@Html.Hidden("ProductId",(int) ViewBag.ProductId)
Один из параметров хелперов позволяет задать атрибуты создаваемого элемента формы, в том числе и классы css.

@Html.TextBox("Text", "Наберите текст комментария",
new { style = "width:350px;height:100px",
maxlength = 250, minlengh = 5, required = true })
Этот тег генерирует тег:
Html.Password
Html.RadioButton
Html.CheckBox
Html.Label
Html.DropDownList
Html.ListBox

Строго типизированные хелперы
Принимают в качестве параметра лямбда-выражение, в котором указывается то свойство модели, к которому должен быть привязан данный хелпер.
Могут использоваться только в строго типизированных представлениях
Тип модели, которая передается в хелпер, должен быть тем же самым, что указан в директиве @model.
Для каждого базового встроенного хелпера имеется свой строго типизированный хелпер, только в имени добавлен суффикс For.

@using MvcSimple.Models
@model Purchase
@using(Html.BeginForm("Buy","Home",FormMethod.Post))
{
@Html.HiddenFor(m=>m.ProductId,(int) ViewBag.ProductId)
Введите
имя
@Html.TextBoxFor(m=>m.Client)
Введите адрес :
@Html.TextBoxFor(m => m.Address)
} имя

Шаблонные хелперы
Не генерируют определенный элемент html.
Генерируют тот элемент html, который наиболее подходит данному свойству, исходя из его типа и метаданных.
Display (DisplayFor)
Создает элемент разметки для отображения значения указанного свойства модели
Html.Display("Name") (Html.DisplayFor(m => m.Name))
Editor
Создает элемент разметки для редактирования указанного свойства модели: Html.Editor("Name")

DisplayForModel
Создает поля для чтения для всех свойств модели:
Html.DisplayForModel()
EditorForModel
Создает поля для редактирования для всех свойств модели:
Html.EditorForModel()
Для хелпера можно задавать в качестве параметра имя шаблона для отображения. Для этого в папке с представлениями нужно создать подпапку DisplayTemplates. В эту папку нужно добавить частичное представление с моделью, тип которой совпадает с типом параметра в шаблонном хелпере.

Например, создадим шаблон для отображения списка строк
@* Шаблон для списка строк *@
@model List
@foreach (var item in Model)
{
@item
}
Тогда имя этого шаблона можно указывать в хелпере:
@Html.DisplayFor(m => m.Readers, "LisstTemplate")
Также шаблон можно указать прямо в определении модели, используя атрибут UIHint
[UIHint("LisstTemplate")]
public List
Readers { get; set; }

Хелпер ActionLink создает гиперссылку на действие контроллера. Если создается ссылка на действие, определенное в том же контроллере, можно указать только имя действия.
Если нужно создать ссылку на действие из другого контроллера, то в хелпере ActionLink в качестве третьего аргумента указывается имя контроллера.
Параметры для действия передаются через параметр routeValues (можно в виде объекта анонимного класса).
Также можно установить значения атрибутов элемента HTML через параметр htmlAttributes.
@Html.ActionLink("Перейти к комментариям", "Comments",
"Home", new { header = Model.Title },
new { @class = "btn btn-primary btn-large" })

Tag-хелперы
Tag-хелперы – это специальные элементы в представлении, выглядят как обычные html-элементы или атрибуты, но при работе приложения они обрабатываются движком Razor на стороне сервера и преобразуются в стандартные html-элементы.
Например,
asp-route-header="@Model.Title"
class="btn btn-primary btn-large">
Перейти к комментариям

ScriptTagHelper применяется для подключения внешних файлов скриптов.
Атрибуты:
asp-append-version: если true, то к пути к файлу скрипта добавляется номер версии
asp-fallback-src: указывает вспомогательный путь к скрипту, если загрузка скрипта, указанного в атрибуте src пройдет неудачно
asp-fallback-test: определяет выражение, которое тестирует загрузку основного скрипта из атрибута src
asp-src-include: определяет шаблон подключаемых файлов, через запятую можно задать несколько шаблонов
asp-src-exclude: определяет через запятую набор шаблонов для тех файлов, которые следует исключить из загрузки
asp-fallback-src-include: определяет набор шаблонов файлов, которые подключаются, если загрузка основного скрипта из атрибута src прошла неудачно
asp-fallback-src-exclude: определяет набор шаблонов файлов, которые следует исключить из загрузки, если загрузка основного скрипта из атрибута src прошла неудачно

Символы подстановки в шаблонах :
? любой одиночный символ кроме слеша.
js/script?.js будет соответствовать js/script1.js или js/scriptX.js, но не js/script35.js
* любое количество символов кроме слеша.
js/*.js будет соответствовать js/script.js или js/scriptX25.js, но не js/bootstrap/script.js
** любое количество символов, в том числе и слеш.
js/**/script.js будет соответствовать js/script.js или js/bootstrap/script.js, но не js/script35.js
asp-fallback-src="~/lib/jquery-validation/dist/jquery.validate.min.js"<br> asp-fallback-test="window.jQuery && window.jQuery.validator"><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide48" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1062963/slide-47.jpg" target="_blank" rel="noopener">Слайд 48</a><h3 class="slides-content text-center font-bold"><div><p> LinkTagHelper определяет тег link, который используется для подключения файлов стилей.<br><p>Атрибуты:<br>asp-append-version: если true, то</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="LinkTagHelper определяет тег link, который используется для подключения файлов стилей. Атрибуты: asp-append-version:" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/1062963/slide-47.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/1062963/slide-47.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/1062963/slide-47.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-47.jpg 1440w" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-47.jpg" class="slides-image"><!----><div class="slides-content">к пути к файлу скрипта добавляется номер версии<br>asp-fallback-href: указывает вспомогательный путь к файлу стиля, если загрузка файла, указанного в атрибуте href пройдет неудачно<br>asp-href-include: определяет шаблон подключаемых файлов, через запятую можно задать несколько шаблонов<br>asp-href-exclude: определяет через запятую набор шаблонов для тех файлов, которые следует исключить из загрузки<br>asp-fallback-href-include: определяет набор шаблонов файлов, которые подключаются, если загрузка основного файла стиля прошла неудачно<br>asp-fallback-href-exclude: определяет набор шаблонов файлов, которые следует исключить из загрузки, если загрузка основного файла стиля прошла неудачно<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide49" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1062963/slide-48.jpg" target="_blank" rel="noopener">Слайд 49</a><h3 class="slides-content text-center font-bold"><div><p><link rel="stylesheet" href=https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css<br> asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"<br> asp-fallback-test-class="sr-only" <br> asp-fallback-test-property="position" <br> asp-fallback-test-value="absolute" /><br><p>Tag-хелперы форм<br><p><form asp-action="Order"</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="asp-fallback-href=&quot;~/lib/bootstrap/dist/css/bootstrap.min.css&quot; asp-fallback-test-class=&quot;sr-only&quot; asp-fallback-test-property=&quot;position&quot; asp-fallback-test-value=&quot;absolute&quot; /&gt; Tag-хелперы форм … Основные атрибуты: asp-controller: указывает" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/1062963/slide-48.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/1062963/slide-48.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/1062963/slide-48.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-48.jpg 1440w" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-48.jpg" class="slides-image"><!----><div class="slides-content">asp-antiforgery="true"><br> …<br></form><br><p>Основные атрибуты:<br>asp-controller: указывает на контроллер, которому предназначен запрос<br>asp-action: указывает на действие контроллера<br>asp-antiforgery: если имеет значение true, то для этой формы будет генерироваться antiforgery token<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide50" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1062963/slide-49.jpg" target="_blank" rel="noopener">Слайд 50</a><h3 class="slides-content text-center font-bold"><div><p>asp-route: указывает на название маршрута<br>asp-all-route-data: устанавливает набор значений для параметров<br>asp-route-[название параметра]: определяет</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="asp-route: указывает на название маршрута asp-all-route-data: устанавливает набор значений для параметров asp-route-[название" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/1062963/slide-49.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/1062963/slide-49.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/1062963/slide-49.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-49.jpg 1440w" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-49.jpg" class="slides-image"><!----><div class="slides-content">значение для определенного параметра<br>asp-page: указывает на страницу RazorPage, которая будет обрабатывать запрос<br><p>В тегах<br> LabelTagHelper<br> InputTagHelper<br> SelectTagHelper<br> TextAreaTagHelper<br>атрибут asp-for указывает, для какого свойства модели создается элемент.<br><p><label asp-for="Address" class="control-label"/> <br><input asp-for="Address" class="form-control" /> <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide51" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1062963/slide-50.jpg" target="_blank" rel="noopener">Слайд 51</a><h3 class="slides-content text-center font-bold"><div><p> EnvironmentTagHelper используется для генерации определенной разметки html в зависимости от состояния приложения: приложение</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="EnvironmentTagHelper используется для генерации определенной разметки html в зависимости от состояния приложения:" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/1062963/slide-50.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/1062963/slide-50.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/1062963/slide-50.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-50.jpg 1440w" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-50.jpg" class="slides-image"><!----><div class="slides-content">находится в процессе разработки, тестирования или опубликовано на сервере. <br> Состояние проекта задается с помощью среды окружения ASPNETCORE_ENVIRONMENT. Часто данный тег-хелпер используется совместно с LinkTagHelper и ScriptTagHelper. <br> Атрибут names позволяет установить названия состояний среды, при которых применяется данный тег.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide52" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1062963/slide-51.jpg" target="_blank" rel="noopener">Слайд 52</a><h3 class="slides-content text-center font-bold"><div><p><environment include="Development"><br> <link rel="stylesheet" href="~/css/site.min.css" /><br></environment><br><environment exclude="Development"><br> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"<br> asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"<br> asp-fallback-test-class="sr-only"<br> asp-fallback-test-property="position"</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="asp-fallback-href=&quot;~/lib/bootstrap/dist/css/bootstrap.min.css&quot; asp-fallback-test-class=&quot;sr-only&quot; asp-fallback-test-property=&quot;position&quot; asp-fallback-test-value=&quot;absolute&quot; /&gt; asp-append-version=&quot;true&quot; /&gt;" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/1062963/slide-51.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/1062963/slide-51.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/1062963/slide-51.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-51.jpg 1440w" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-51.jpg" class="slides-image"><!----><div class="slides-content"><br> asp-fallback-test-value="absolute" /><br> <link rel="stylesheet" href="~/css/site.min.css" <br> asp-append-version="true" /><br></environment><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide53" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1062963/slide-52.jpg" target="_blank" rel="noopener">Слайд 53</a><!----></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/1062963/slide-52.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/1062963/slide-52.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/1062963/slide-52.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-52.jpg 1440w" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-52.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide54" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1062963/slide-53.jpg" target="_blank" rel="noopener">Слайд 54</a><h3 class="slides-content text-center font-bold"><div><p>Создание tag-хелперов https://dotnet.today/ru/aspnet5-vnext/mvc/views/tag-helpers/authoring.html<br><p> Для создания тег-хелпера нужно создать класс, наследующий от TagHelper. <br><p> В</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Создание tag-хелперов https://dotnet.today/ru/aspnet5-vnext/mvc/views/tag-helpers/authoring.html Для создания тег-хелпера нужно создать класс, наследующий от TagHelper." loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/1062963/slide-53.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/1062963/slide-53.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/1062963/slide-53.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-53.jpg 1440w" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-53.jpg" class="slides-image"><!----><div class="slides-content">классе TagHelper определен метод Process(), который переопределяется производными­ классами для реализации поведения, трансформирующего элементы. Имя дескрипторного вспомогательного класса (тег-хелпера) образуется из имени трансформируемого элемента и суффикса TagHelper . <br><p> Метод Process принимает два параметра: объект TagHelperContext, представляющий контекст тега (его содержимое, атрибуты), и объект TagHelperOutput, отвечающий за генерацию выходного элемента html на основе тега.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide55" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1062963/slide-54.jpg" target="_blank" rel="noopener">Слайд 55</a><h3 class="slides-content text-center font-bold"><div><p>Свойства класса TagHelperContext: <br> AllAttributes возвращает словарь (только для чтения) с атрибутами,</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Свойства класса TagHelperContext: AllAttributes возвращает словарь (только для чтения) с атрибутами, примененными" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/1062963/slide-54.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/1062963/slide-54.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/1062963/slide-54.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-54.jpg 1440w" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-54.jpg" class="slides-image"><!----><div class="slides-content">примененными к элементу, подвергающемуся трансформации, который индексирован по имени и по числовому индексу <br>Items возвращает словарь, который используется для согласования дескрипторных вспомогательных классов<br>Uniqueid возвращает уникальный идентификатор для трансформируемого элемента <br><p>Свойства и метод класса TagHelperOutput<br>TagName применяется для получения и установки имени дескриптора в выходном элементе<br>Attributes возвращает словарь, содержащий атрибуты для выходного элемента <br>Content возвращает объект TagHelperContent, который используется для установки содержимого элемента <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide56" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1062963/slide-55.jpg" target="_blank" rel="noopener">Слайд 56</a><h3 class="slides-content text-center font-bold"><div><p>TagMode указывает, как будет записываться выходной элемент, с применением значения из перечисления</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="TagMode указывает, как будет записываться выходной элемент, с применением значения из перечисления" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/1062963/slide-55.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/1062963/slide-55.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/1062963/slide-55.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-55.jpg 1440w" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-55.jpg" class="slides-image"><!----><div class="slides-content">TagMode. <br><p>public class ListTagHelper:TagHelper<br> { <br> public List<String> Info { get; set; }<br> public override void Process(TagHelperContext context, TagHelperOutput output)<br> {<br> output.TagName = "ul";<br> string temp = "";<br> foreach (string item in Info)<br> {<br> temp = $"{temp}<li>{item}</li>";<br> }<br> output.Content.SetHtmlContent(temp);<br> output.TagMode = TagMode.StartTagAndEndTag;<br> }<br> }<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide57" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1062963/slide-56.jpg" target="_blank" rel="noopener">Слайд 57</a><h3 class="slides-content text-center font-bold"><div><p> Чтобы задействовать класс хелпера в представлении, нам надо подключить его функциональность в</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Чтобы задействовать класс хелпера в представлении, нам надо подключить его функциональность в" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/1062963/slide-56.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/1062963/slide-56.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/1062963/slide-56.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-56.jpg 1440w" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-56.jpg" class="slides-image"><!----><div class="slides-content">представление. Например, использовать директиву addTagHelper в файле Views/_ViewImports.cshtml: <br><p>@addTagHelper "*, WebApp_1"<br><p>Применение:<br><p><list info="@Model.Readers"></list><br><list info='new List<string>() { "Вася","Петя","Коля"}'></list><br><p>В следующем примере создается tag-хелпер для создания атрибута. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide58" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1062963/slide-57.jpg" target="_blank" rel="noopener">Слайд 58</a><h3 class="slides-content text-center font-bold"><div><p>[HtmlTargetElement("a")]<br> public class ButtonTagHelper:TagHelper<br> {<br> public string BsButtonColor { get; set; }<br></div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="[HtmlTargetElement(&quot;a&quot;)] public class ButtonTagHelper:TagHelper { public string BsButtonColor { get; set; }" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/1062963/slide-57.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/1062963/slide-57.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/1062963/slide-57.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-57.jpg 1440w" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-57.jpg" class="slides-image"><!----><div class="slides-content">public override void Process(TagHelperContext context,<br> TagHelperOutput output)<br> {<br> output.Attributes.SetAttribute("class", <br> $"btn btn-large btn-{BsButtonColor}"); <br> } <br> }<br><p>Применение:<br><p><a href="/Home/Index" bs-button-color="primary"><br> На главную &raquo;<br> </a><br><p><a asp-controller="Home" asp-action="Comments"<br> asp-route-header="@Model.Title"<br> bs-button-color="danger"><br> Перейти к комментариям<br></a><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide59" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1062963/slide-58.jpg" target="_blank" rel="noopener">Слайд 59</a><h3 class="slides-content text-center font-bold"><div><p>Частичные представления<br><p> Частичные представления можно встраивать в другие представления. Они часто используются для</div></h3></h3><img onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt="Частичные представления Частичные представления можно встраивать в другие представления. Они часто используются" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/1062963/slide-58.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/1062963/slide-58.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/1062963/slide-58.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-58.jpg 1440w" src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/1062963/slide-58.jpg" class="slides-image"><!----><div class="slides-content">рендеринга результатов AJAX-запроса. <br><p> Для того, чтобы использовать ajax, нужно добавить в проект библиотеку jquery-ajax-unobtrusive <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide60" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1062963/slide-59.jpg" target="_blank" rel="noopener">Слайд 60</a><h3 class="slides-content text-center font-bold"><div><p><script <br> src="~/lib/jquery-ajax-unobtrusive/jquery.unobtrusive-ajax.js"><br>

@model List
@foreach (var comment in Model)
{
@comment.Nik
@comment.Time