介紹ASP.NET中的MVC如何從控制器傳遞資料到視圖

本篇文章主要介紹了ASP.NET MVC從控制器傳遞資料到視圖的四種方式，具有一定的參考價值，感興趣的小夥伴們可以參考一下。

前奏

1. 在建立項目中的Models檔案下，建立Products類：

 public class Products  {    public int Id { get; set; }    public string Name { get; set; }    public double Price { get; set; }  }

2. 在控制器中執行個體化此類

var p = new Products()      {        Id = 1,        Name = "飲料",        Price = 2.5      };

方式1：ViewData

將控制器中的方法用ViewData以索引值對的形式類儲存上述的執行個體化對象，如下：

ViewData["person"] = p;

然後在視圖中擷取ViewData中的值，並轉換對象，如下：

@{  var p = (Products)ViewData["person"];}<h1>@p.Id</h1><h2>@p.Name</h2><h3>@p.Price</h3>

方式2：ViewBag

將控制器中的方法利用ViewBag動態運算式的形式儲存上述對象，如下：

ViewBag._Product = p;

修改視圖，如下：

@{  var p = (Products)ViewBag._Product;}

方式3：Model

將控制器中的方法返回View上述對象，如下：

public ActionResult Index()    {      var p = new Products()      {        Id = 1,        Name = "飲料",        Price = 2.5      };      return View(p);    }

而我們在視圖中得到強制類型對象Products，如下：

@using MvcTest.Models;@model Products@{  ViewBag.Title = "Index";}<h1>@Model.Id</h1><h2>@Model.Name</h2><h3>@Model.Price</h3>

方式四：TempData

TempData可以通過轉向繼續使用，因為它的值儲存在Session中。但TempData只能經過一次傳遞，之後會被系統自動清除。

下面我將示範從Index動作轉向Order動作，並在視圖中輸出TempData中儲存的值。

首先在控制中建立Action方法，命名為Order方法，代碼如下：

public ActionResult Index()    {      var p = new Products()      {        Id = 1,        Name = "飲料",        Price = 2.5      };      TempData["_product"] = p;      return RedirectToAction("Order");    }    public ActionResult Order()    {　　　　　　return View();    }

修改視圖如下：

@{  Products p = (Products)TempData["_product"];}

假設控制器中的代碼修改如下：

public ActionResult Index()    {      var p = new Products()      {        Id = 1,        Name = "飲料",        Price = 2.5      };      TempData["_product"] = p;      return RedirectToAction("Order");    }    public ActionResult Order()    {      return RedirectToAction("Detail");    }    public ActionResult Detail()    {      Products _product = (Products)TempData["_product"];      return View("");    }

轉向：Index — Order — Detail，那麼在Detail方法中，是不能擷取到TempData對象的，因為TempData只能經過一次傳遞，之後會被系統自動清除。

輸出結果