Создание представлений Razor¶

В ASP.NET Core всякий раз, когда нужно вернуть ответ в виде HTML, нужно использовать представление для генерации ответа. Конечно, есть исключительные ситуации, когда можно генерировать HTML без использования представления, но страниы Razor и контроллеры MVC всегда должны использовать представления.
Рассмотрим, какие возможности доступны при использовании представлений Razor.

Представления Razor и сопутствующий код¶

Страница Razor боычно состоит из двух файлов:

• файла .cshtml, который обычно называют представлением Razor
• файла .cshtml.cs, который обычно называют сопутствующим кодом. Он содержит PageModel.

Представление Razor содержит директиву @page, которая делает его страницей Razor. Без нее платформа Razor Pages не будет маршрутизировать запросы на страницу.
Далее идёт директива @model с типом модели страницы, например

@page
@model ToDoItemModel

Знакомство с шаблонами Razor¶

Шаблоны представлений Razor — смесь C# и HTML, что позволяет как описать, что именно отправлять в браузер, так и динамически изменять то, что визуализируется.
Например, визуализируем список строк с задачами.

@page
@{
    var tasks = new List<string>{ "buy milk", "Buy eggs", "buy bread" };
}
<h1>Tasks to complete</h1>
<ul>
    @for(var i=0; i < tasks.Count; i++)
    {
        var task = tasks[i];
        <li>@i - @task</li>
    }
</ul>

<h1>Tasks to complete</h1>
<ul>
    <li>0 - Buy milk</li>
    <li>1 - Buy eggs</li>
    <li>2 - Buy bread</li>
</ul>

Передача данных в представления¶

Есть несколько способов передать данные из обработчика страницы в представление:

• свойства PageModel;
• ViewData — словарь объектов со строковыми ключами для передачи произвольных данных из обработчика страницы в представление. Кроме того, он позволяет передавать данные в файлы _layout — это основная причина использовать ViewData вместо свойств PageModel;
• HttpContext — технически объект HttpContext доступен как в обработчике страницы, так и в представлении;
• сервисы @inject — можно использовать внедрение зависимостей¹.

Передадим данные через свойства PageModel:

public class ToDoModel : PageModel
{
    public List<string> Tasks { get; set; }
    public string Title { get;set; }

    public void OnGet(int id)
    {
        Title = "Tasks for today";
        Tasks = new List<string>
        {
            "Get fuel",
            "Check oil",
            "Check tyre pressure"
        };
    }
}

Комментарии

Комментарии