Pass the data from the controller to the view in the MVC ASP.NET. Using ViewBag, ViewData, TempData, Model (strongly typed view)

Компьютер, программы

→

ASP.NET MVC (Model-View-Controller website)

Передаем данные из контроллера в представление в ASP.NET MVC

посмотрели 15400 раз

обновлено: 3 October 2018

Существуют различные способы передачи данных из контроллера в представление:

Способ 1

Объект ViewBag. Это объект с динамическими свойствами (то есть во время выполнения программы мы можем задавать любые свойства и использовать их).

Способ 2

Объект ViewData. Это map объект (ключ - значение).

Способ 3

Объект TempData. Это map объект (ключ - значение).

Способ 4

Через Model (строго типизированное представление)

Способ 1 Объект ViewBag

В объект ViewBag мы можем добавить любое количество свойств. Обращение к свойствам идет через символ '.'
Создаем новое приложение ASP.NET MVC ... и напишем код:

C# Контроллер
Controllers/HomeController.сs

using System;
using System.Web.Mvc;
using System.Collections.Generic;

namespace WebApplication2.Controllers
{
     public class HomeController : Controller
     {
          public ActionResult Index()
          {
               // ViewBag может содержать любые свойства
               ViewBag.myText = "Hello";
               ViewBag.myValues = new List<int>{10, 20, 50};
               ViewBag.aaa = 456789;

               return View();
          }
     }
}

Html Представление
Views/Home/Index.cshtml

@{
     Layout = null;
}

<!DOCTYPE html>

<html>
<head>
     <meta name="viewport" content="width=device-width" />
     <title>Index</title>
</head>

<body>
     <div>
          
          @ViewBag.MyText

          <br />

          
          @foreach(int value in ViewBag.myValues)
          {

               @value
               <br />
          }

          <br />

          
          @ViewBag.aaa
     </div>
</body>
</html>

На заметку! Символ @ в файле представления Index.cshtml означает, что используется движок Razor для представления...

Способ 2 Объект ViewData

Объект ViewData похож на ViewBag. Только в объекте ViewData обращение к свойствам идет через ["ИмяСвойства"]
Создаем новое приложение ASP.NET MVC ... и напишем код:

C# Контроллер
Controllers/HomeController.сs

using System;
using System.Web.Mvc;
using System.Collections.Generic;

namespace WebApplication2.Controllers
{
     public class HomeController : Controller
     {
          public ActionResult Index()
          {
               // ViewData может содержать любые данные
               ViewData["myText"] = "Hello";
               ViewData["myValues"] = new List<int> { 10, 20, 50 };
               ViewData["aaa"] = 456789;

               return View();
          }
     }
}

Html Представление
Views/Home/Index.cshtml

@{
     Layout = null;
}

<!DOCTYPE html>

<html>
<head>
     <meta name="viewport" content="width=device-width" />
     <title>Index</title>
</head>

<body>
     <div>
          
          @ViewData["MyText"]

          <br />

          
          @foreach(int value in (List<int>)ViewData["myValues"])
          {

               @value
               <br />
          }

          <br />

          
          @ViewData["aaa"]
     </div>
</body>
</html>

На заметку! Символ @ в файле представления Index.cshtml означает, что используется движок Razor для представления...

Способ 3 Объект TempData

Объект TempData похож на ViewData.
Но значение TempData можно получить в пределах одного запроса. То есть если вы установили в методе Index, то в представлении Index вы можете вывести сколько угодно раз, но если это значение выводится и на других представлениях, то в них вы уже не сможете его получить - так как оно уже получено.
В объекте TempData обращение к свойствам идет через ["ИмяСвойства"]
Создаем новое приложение ASP.NET MVC ... и напишем код:

C# Контроллер
Controllers/HomeController.сs

using System;
using System.Web.Mvc;
using System.Collections.Generic;

namespace WebApplication2.Controllers
{
     public class HomeController : Controller
     {
          public ActionResult Index()
          {
               // TempData может содержать любые данные
               TempData["myText"] = "Hello";
               TempData["myValues"] = new List<int> { 10, 20, 50 };
               TempData["aaa"] = 456789;

               return View();
          }
     }
}

Html Представление
Views/Home/Index.cshtml

@{
     Layout = null;
}

<!DOCTYPE html>

<html>
<head>
     <meta name="viewport" content="width=device-width" />
     <title>Index</title>
</head>

<body>
     <div>
          
          @TempData["MyText"]

          <br />

          
          @foreach (int value in (List<int>)TempData["myValues"])
          {

               @value
               <br />
          }

          <br />

          
          @TempData["aaa"]
     </div>
</body>
</html>

На заметку! Символ @ в файле представления Index.cshtml означает, что используется движок Razor для представления...

Способ 4 Через Model (строго типизированное представление)

Строго типизированное представление это представление с указанием типа модели в начале файла.
Передача данных из контроллера в представление через Model означает следующее:

в файле контроллера
ИмяФайла.cs

НашеЗначение передаем в
return View(НашеЗначение);

в файле представления
ИмяФайла.cshtml

1) в самом верху файла представления указываем тип модели
@model НашТип

2) В любом месте в файле представления мы можем использовать слово Model

Рассмотрим пример
Создаем новое приложение ASP.NET MVC ... и напишем код:

C# Контроллер
Controllers/HomeController.сs

using System;
using System.Web.Mvc;
using System.Collections.Generic;

namespace WebApplication2.Controllers
{
     public class HomeController : Controller
     {
          public ActionResult Index()
          {
               List<int> values = new List<int>() { 1, 6, 7 };

               // передаем Наше значение
               return View(values);
          }
     }
}

Html Представление
Views/Home/Index.cshtml

@model List<int>

@{
     Layout = null;
}

<!DOCTYPE html>

<html>
<head>
     <meta name="viewport" content="width=device-width" />
     <title>Index</title>
</head>

<body>
     <div>
          
          @foreach (int value in Model)
          {
               @value
               <br />
          }
     </div>
</body>
</html>

На заметку! Символ @ в файле представления Index.cshtml означает, что используется движок Razor для представления...

Что такое слово Model в файле представления?
На самом деле файл представления это класс WebViewPage
В классе WebViewPage есть член-класса Model
Model имеет НашТип объявленный в самом верху файла представления @model НашТип
Model содержит НашеЗначение переданное в файле Контроллера в return View(НашеЗначение);

Другими словами мы объявили тип объекта модели представления при помощи @model (маленькая m)
доступ к значению получаем при помощи Model (заглавная M).

Для тех кто хочет знать, где находятся ViewBag, ViewData, TempData, Model

// базовый класс контроллера
class ControllerBase
{
      ...
      public dynamic ViewBag = new ExpandoObject();
      public ViewDataDictionary ViewData = new ViewDataDictionary();
      public TempDataDictionary TempData = new TempDataDictionary();
      ...
}

// базовый класс представления
class WebViewPage
{
      ...
      public dynamic ViewBag = new ExpandoObject();
      public ViewDataDictionary ViewData = new ViewDataDictionary();
      public TempDataDictionary TempData = new TempDataDictionary();
      public Object Model;
      ...
}

На заметку для разработчиков!

Как правило, основные данные передаются через Model (способ 4).
Вспомогательная информация передается через ViewBag (способ 1), ViewData (способ 2), TempData (способ 3).

← Previous topic
Creating a new application ASP.NET MVC

Next topic →
What are Razor View and Operators in MVC ASP.NET