dir.by  
  Search  
Programming, development, testing
→
ASP.NET MVC (web сайт на архитектуре Model-View-Controller)
→
Мастер представление (Master View) с использованием @RenderBody() в ASP.NET MVC
  Looked at 6014 times    
 Мастер представление с использованием @RenderBody() в ASP.NET MVC 
last updated: 2 November 2018
Мастер представление (Master View) это View (представление).
Мастер представление (Master View) будет отображаться на тех страницах сайта, где подключается.
Пример
Шаг 1. Создаем новое ASP.NET MVC приложение
Создаем новое приложение ASP.NET MVC ...
Шаг 2. Создаем мастер-представление MyTemplate1.cshtml
Нажмем правой клавишей мыши на
Views → Add → View...
Шаг 3. В мастер-представлении MyTemplate1.cshtml напишем код
  мастер-представление
файл Views/MyTemplate1.cshtml
<!DOCTYPE html>
<html>

     <!-- заголовок страницы -->
     <head>
          <meta name="viewport" content="width=device-width" />
          <title>@ViewBag.MyTitle</title>
     </head>

     <body>

          <!-- мое меню -->
          <center>
               <a href=''>Главная</a>
               <a href=''>Новости</a>
               <a href=''>Поиск</a>
          </center>

          <!-- тут вставится содержимое обычного представления -->
          @RenderBody()

          <!-- footer -->
          <center>
               <b>Copyright 2018</b>
          </center>

     </body>

</html>
  Обычное представление
файл Views/Home/Index.cshtml
@{
Layout = "~/Views/MyTemplate1.cshtml";
}

<div style='text-align:center;'>
     <br />
     Привет!
     <br />
     Это моя первая страница.
     <br />
     <br />
</div>
Шаг 4. Запускаем ASP.NET MVC приложение
Нажимаем вверху на зеленый треугольник
В браузере увидим результат
На заметку!
Если мы не используем мастер-представление, то указываем Layout = null;
Кратко о подключении мастер представления
Тип представления
Содержимое представления
Описание
Обычное представление
Index.cshtml
@{
Layout = "~/Views/MyTemplate1.cshtml";
}

...
Layout = ... означает то, что мы подключаем мастер-представление MyTemplate1.cshtml
Мастер-представление
MyTemplate1.cshtml
...
@RenderBody()
...
@RenderBody() означает то , что вместо него вставится содержимое обычного представления
Необязательно для всех представлений использовать одно и то же мастер-представление. Можно определить несколько мастер-представлений, например
одну для форума
одну для новостей
и в зависимости от раздела сайта подключать нужное.
 
← Previous topic
Строго типизированное представление (Strongly-typed-view) в ASP.NET MVC
 
Next topic →
Мастер представление (Master View) с использованием @RenderBody() и дополнительных секций @RenderSection в ASP.NET MVC
 
Your feedback ... Comments ...
   
Your Name
Your comment (www links can only be added by a logged-in user)
  Объявления  
  Объявления  
 
• Что такое MVC в ASP.NET ?
• Создаем новое приложение ASP.NET MVC
Контроллер (Controller)
• Передаем данные из контроллера в представление в ASP.NET MVC. Используем ViewBag, ViewData, TempData, Model (строго типизированное представление)
Представление (View)
• Что такое View (представление) и операторы Razor в ASP.NET MVC
• Создаем переменную и выводим на экран во View в ASP.NET MVC
• @using внутри View в ASP.NET MVC
• @foreach(var item in arr) {...} внутри View в ASP.NET MVC
• @DateTime.Now внутри View в ASP.NET MVC
• Как узнать имя контроллера внутри View в ASP.NET MVC
• Отображаем [DateTime | только Date | только Time] в нужном формате в ASP.NET MVC
Разновидности представлений (View)
• Строго типизированное представление (Strongly-typed-view) в ASP.NET MVC
...
• Мастер представление (Master View) с использованием @RenderBody() в ASP.NET MVC
• Мастер представление (Master View) с использованием @RenderBody() и дополнительных секций @RenderSection в ASP.NET MVC
...
• Частичное представление (Partial View) в ASP.NET MVC. Встраиваем частичное представление @Html.Partial("My1") и @{ Html.RenderPartial("My1");}
• При нажатии submit внутри partial view происходит ajax вызов метода controller. Метод controller должен возвращать PartialView(model) | ASP.NET MVC
...
• Строго типизированное частичное представление (Strongly-typed partial view) в ASP.NET MVC
Создаем папку ViewModels. Это хороший стиль программирования для передачи данных из Controller во View
• Создаем папку ViewModels. Создаем свой класс в папке ViewModels. Это хороший стиль программирования для передачи данных из Controller во View. Web приложение ASP.NET MVC
Атрибуты. Используем атрибуты во ViewModels(чтобы показать кнопки, combo в представлении). Используем атрибуты в Controller (чтобы улучшить методы)
• Аттрибут [Display(Name = "...")] описывается в C# классе и используется в @Html.LabelFor, @Html.DisplayNameFor в ASP.NET MVC
• Аттрибут [Required(ErrorMessage = "Пожалуйста, введите название")] описывается для свойства в C# классе и требует чтобы свойство было заполнено, если не заполнено на экране ошибка ErrorMessage в ASP.NET MVC
• Аттрибут [Remote("IsValidAuthor", "Home", ErrorMessage = "Enter correct author of book")] описывается для свойства в C# классе и проверяет это свойство на правильность на сервере через метод IsValidAuthor в conroller Home, если метод возвращает false, то на экране будет ошибка ErrorMessage в ASP.NET MVC
• Аттрибут [HiddenInput(DisplayValue = false)] описывается в C# классе и используется в @Html.HiddenFor в ASP.NET MVC
Маршрутизация
Ссылки и перенаправления в представлении
• @Html.ActionLink внутри View в ASP.NET MVC
• @Html.RouteLink внутри View в ASP.NET MVC
• @Url.Action внутри View в ASP.NET MVC
• @Url.RouteUrl внутри View в ASP.NET MVC
• @Url.Content внутри View в ASP.NET MVC
Bootstrap в MVC
• Добавляем и подключаем Bootstrap (css, js файлы) в ASP.NET MVC проект
JQuery в МVС
• Подключаем JQuery в ASP.NET MVC проект
• С помощью JQuery получаем содержимое View (представления) в ASP.NET MVC. Пример: $.get("/Home/Index", function (data) {...}) ...
Класс AjaxExtensions в МVС (асинхронное получение данных)
• Подключаем jQuery & AJAX в ASP.NET MVC проект
• С помощью Ajax.ActionLink получаем содержимое View (представления) и вставляем в div в ASP.NET MVC
• Объект Ajax (это класс AjaxExtensions) в ASP.NET МVС
База данных (Entity Framework) в ASP.NET MVC
• Entity Framework в приложении ASP.NET MVC. Используем Code First (пишем c# код, а таблицы в базе данных создаются сами)
Аутентификация (login/register/logout)
• Что такое аутентификация (login/register/logout) в ASP.NET MVC ?
• Пример: Аутентификация (login/register/logout) в ASP.NET MVC используя аутентификацию форм FormsAuthentication.SetAuthCookie(model.Name, true);
Авторизация (admin/user/...)
• Что такое авторизация (admin/user/...) в ASP.NET MVC ?
• Пример: Авторизация (admin/user/...) в ASP.NET MVC используя провайдер ролей RoleProvider
Пишем приложение "Планирование дел, задач" в ASP.NET MVC
• Создаем пустое приложение "Планирование дел, задач" | ASP.NET MVC | Visual Studio 2017
• Добавляем библиотеки Bootstrap & jQuery в приложение "Планирование дел, задач" | ASP.NET MVC | Visual Studio 2017
• Создаем мастер-представление (главное меню & логин кнопки используя Bootstrap) в приложении "Планирование дел, задач" | ASP.NET MVC | Visual Studio 2017
• Добавляем контроллер "Home" и представление "Index" (главная страница в приложении "Планирование дел, задач" | ASP.NET MVC | Visual Studio 2017
• Добавляем библиотеку Entity Framework и создаем соединиение с Базой данных в приложении "Планирование дел, задач" | ASP.NET MVC | Visual Studio 2017
• Аутентификация (login/register/logout) в приложении "Планирование дел, задач" | ASP.NET MVC | Visual Studio 2017
• Добавляем класс "Task" для сохранения дел, задач в базу данных в приложении "Планирование дел, задач" | ASP.NET MVC | Visual Studio 2017
• Добавление nUnit в приложении "Планирование дел, задач" | ASP.NET MVC | Visual Studio 2017
Дополнительные темы, вопросы
• Чем ASP.NET MVC лучше ASP.NET Web Forms ?
• Выбор между ASP.NET Core и ASP.NET ?
• Как выбрать интернет браузер чтобы в нем запускался .NET проект
• Как узнать локальный адрес и порт вашего ASP.NET MVC приложения ?
• Scripts\index.d.ts(8,1): error TS1008: Build:Unexpected token; 'module, class, interface, enum, import or statement' expected. Scripts\index.d.ts(8,13): error TS1005: Build:';' expected. в Visual Studio 2017 в приложении ASP.NET MVC
• Error "unable to connect to web server "iis express" | ASP.NET MVC | Visual Studio 2017
• Error "This site can't be reached" when run ASP.NET application | Solution: Recreate the Self-Signed HTTPS Certificate for localhost in IIS Express
WWW сайты для изучения ASP.NET MVC
• Cайты для изучения ASP.NET MVC
  Ваши вопросы присылайте по почте: info@dir.by  
Яндекс.Метрика