ViewModel、ViewData、ViewBag、TempData、Session之间的区别和各自的使用方法

于 2021-08-22 23:18:58 发布
阅读量1.1k 收藏 6
点赞数
分类专栏： ASP.NET Core MVC | Blazor
原文链接：https://blog.csdn.net/WuLex
版权

ViewModel

ViewModel 是一个用来渲染 ASP.NET MVC 视图的强类型类，可用来传递来自一个或多个视图模型（即类）或数据表的数据。可将其看做一座连接着模型、数据和视图的桥梁。其生命期为当前视图。视图模型属于强类型，所以在VS中便有智能提示并且可以进行静态检测。

在ASP.NET Core 中使用ViewModel：

先创建一个用于呈现视图的视图模型类：

public class Student
{
    public int ID { get; set; }
    public string Name { get; set; }
    public DateTime Birth { get; set; }
}

在控制器中定义该类：

public IActionResult Index()
{            
    Student student=new Student()
    {
        ID = 1,
　　　　　Birth = new DateTime(1997,1,1),
        Name = "Nanase"
    };
    return View(student);
}

在视图中使用

在Razor视图开头使用@model 指定强类型，使用了@model 的视图称为强类型视图，强类型视图可获得智能提示和静态检查。不使用@mdoel 则后面的 @Model 为动态类型，不会获得智能提示和静态检查。

同时强类型 Model 可使用辅助器方法，而弱类型 Model 不能使用辅助器方法，因为 c# 表达式树不能包含动态操作。

Index视图：

@model Student

<div>    
    @Html.DisplayNameFor(m=>m.ID)
    @Html.DisplayFor(m=>m.ID)
</div>
<div>
    Birth @Model.Birth
</div>
<div>
    Name @Model.Name
</div>

强类型视图：
在这里插入图片描述
在这里插入图片描述
弱类型视图缺少智能提示：
在这里插入图片描述
在这里插入图片描述

最终结果：
在这里插入图片描述

ViewData

ViewData是一个Dictionary<string,object>的字典，数据以键值对的形式存储在 ViewData 中。ViewData 用来在控制器和视图之间传递数据，也可以在视图和分部视图之间传递数据。其生存期为当前视图渲染结束。由于在使用 ViewData 时返回的是一个object对象，所以应用实际类型的属性或值时需要使用强制类型转换。当传递的数据作为字符串在视图中使用时不需要进行强制转换，因为 c# 每个对象存在 ToString 方法，而在 c# 视图中会自动调用该方法。
在这里插入图片描述
在这里插入图片描述
除直接定义 ViewData[""] 外，ASP.NET Core 还支持对控制器中的属性使用
[TempData] 特性定义ViewData。

但是 ViewData 不能用于跨请求的情形，即无法在跳转后的页面使用跳转前页面定义的 ViewData ，而后续提到的 TempData 可以用于跨请求的数据传递。

在控制器和视图间使用ViewData传递数据：

public IActionResult ViewDataTest()
{
    ViewData["student"]=new Student()
    {
        ID = 1,
        Birth = DateTime.Now,
        Name = "Nanase"
    };
    ViewData["Greeting"] = "Hello";
    return View();
}

在 ViewDataTest 视图中使用ViewData的数据：

@{
    Student student = ViewData["student"] as Student;
    ViewData["test"] = "test";
}

@ViewData["greeting"]
<div>ID: @student.ID</div>
<div>Name: @student.Name</div>
<div>Birth: @student.Birth</div>
<br/>
@Html.ActionLink("Test","Test")

用来测试跨请求的 Test 方法和视图：

public IActionResult Test()
{
    return View();
}

@{
    ViewData["Title"] = "Test";
}

<h2>Test</h2>

@ViewData["test"]

结果：
在这里插入图片描述
Test视图：
在这里插入图片描述
直接使用 ViewData 中数据的属性：
在这里插入图片描述
在视图和部分视图间使用 ViewData 时，部分视图中的 ViewData 的定义不会覆盖原视图的 ViewData 。在视图和部分视图之间传递 ViewData 时，主要使用的是 PartialAsync 辅助器方法以及 <partial> 标记辅助器方法。

在视图和部分视图间使用ViewData：

public static Task<IHtmlContent> PartialAsync(this IHtmlHelper htmlHelper, string partialViewName, ViewDataDictionary viewData)

第一个参数传入部分视图名称，第二个参数传入一个 ViewDataDictionary 对象。若不指定第二个参数，则会将当前视图的 ViewDate 传入部分视图。

ViewDataTest2 视图：

 <h2>ViewDataTest2</h2>
 @{
      ViewData["Student"] = new Student()
      {
          ID = 1,
          Birth = DateTime.Now,
         Name = "Nanase"
      };
      ViewData["Greeting"] = "Good morning";
 }
 
 View: @ViewData["Greeting"]
 <br/>
 @await Html.PartialAsync("PartialView",new     
 ViewDataDictionary(ViewData))
 
 View: @ViewData["Greeting"]

PartialView 视图：

@{
    Student student = ViewData["Student"] as Student;
}

Partial: @ViewData["Greeting"]
<hr/>
<div>ID: @student.ID</div>
<div>Name: @student.Name</div>
<div>Birth: @student.Birth</div>
<hr/>
@{
    ViewData["Greeting"] = "Good afternoon";
}

<div>Partial: @ViewData["Greeting"]</div>

结果：
在这里插入图片描述

使用 partial 标记辅助器方法：

关于 partial 标记辅助器方法：https://docs.microsoft.com/zh-cn/aspnet/core/mvc/views/partial?view=aspnetcore-2.1

使用时，为 name 属性传递部分视图的名称，为 view-data 属性传递 ViewDataDictionary 对象的名称：

<h2>ViewDataTest2</h2>
@{
    ViewData["Student"] = new Student()
    {
        ID = 1,
        Birth = DateTime.Now,
        Name = "Nanase"
    };
    ViewData["Greeting"] = "Good morning";
}

View: @ViewData["Greeting"]
<br/>
@*@await Html.PartialAsync("PartialView",new ViewDataDictionary(ViewData))*@
<partial name="PartialView" view-data="ViewData" />
View: @ViewData["Greeting"]

结果和使用 PartialAsync 辅助器方法一致。

ViewBag

ViewBag 是一个包装了 ViewData 的动态类型，从 ControllerBase 继承而来，因此在视图页中也无法使用 ViewBag。由于 ViewBag 是一个动态对象，所以可以为其添加任意属性。也由于 ViewBag 属于动态类型，所以可以直接调用其中的属性进行操作。ViewBag 和 ViewData 的区别在于：

  1. 不能在视图页中传递特定的 ViewBag。
  2. 在视图中虽然可以定义 ViewBag 在当前视图使用，但不能定义 ViewBag 传递到部分视图。
    在这里插入图片描述
    在视图页中使用 ViewBag 失败。
    在这里插入图片描述
public IActionResult ViewBagTest()
{
    ViewBag.Student = new Student()
    {
        ID = 1,
　　　　　Birth = new DateTime(1997,1,1),
        Name = "Nanase" 
    };
    return View();
}

ViewBagTest 视图：

 <h2>ViewBagTest</h2>
 
 <div>View: @(ViewBag.Student.ID+1)</div>
 
 @await Html.PartialAsync("_ViewBagPartial")

_ViewBagPartial 视图：

 <div>ID: @ViewBag.Student.ID</div>
 <div>Name: @ViewBag.Student.Name</div>
 <div>Birth: @ViewBag.Student.Birth</div>

结果：
在这里插入图片描述

TempData

TempData 是一个继承自 System.Web.Mvc.TempDataDictionary 的类型，是一个 Dictionary<string,object> 的字典。生命期为控制器中生命开始到该 TempData 被读取结束，即使重定向到另一个控制器的方法，只要一个 TempData 未被读取，它就仍然存在。在一个访问过 TempData 的页面进行刷新会再次访问该 TempData ，未被延长生命期的 TempData 将被删除。TempData 通常用于在动作方法之间传递数据（如错误信息）。

如果希望在一次访问后保留 TempData 对象，则需要在控制器的方法中调用 TempData.Keep 方法，或者在视图中使用 TempData.Peek 方法访问 TempData 对象。但是需要注意的是 TempData.Keep 方法不会延长重定向的视图中被访问的 TempData 对象的生命期。重定向的视图即指使用 RedirectXXX 抵达的视图。

由于 TempData 将它本身保存在 ASP.NET 的 Session 中，因此需要谨慎使用，当将应用程序托管到多个服务器时 TempData 会出现问题。为解决该问题此时可选择在 session 的生命期内将用户的请求全部分配给同一个服务器，或者在服务器之间转发 session 信息。

除了使用 TempData[""] 对 TempData 进行定义外，还可以使用对属性使用 [TempData] 修饰对 TempData 进行定义。
在这里插入图片描述

public IActionResult TempDataTest()
{
    TempData["error"] = "An error";
    TempData["greeting"] = "Hello";

    //将 TempData["error"] 生存期延长一次
    TempData.Keep("error");          

    return View();
}

public IActionResult ReceiveTempData()
{
    return View();
}

public IActionResult ReceiveTempData2()
{
    return View();
}

TempDataTest 视图：

 @{
     ViewData["Title"] = "TempDataTest";
 }
 
 <h2>TempDataTest</h2>
 
 <div>@TempData["error"]</div>
 
@*访问 TempData["greeting"] 并将 TempData["greetng"] 延长一次*@
 <div>@TempData.Peek("greeting")</div>
 <br/>
 <div>@Html.ActionLink("Another", "Index", "TempData")</div>
 @Html.ActionLink("ReceiveTempData","ReceiveTempData")

用来测试跨请求的 ReceiveTempData 视图：

 @{
     ViewData["Title"] = "ReceiveTempData";
 }
 
 <h2>ReceiveTempData</h2>
 
 <div>@TempData["error"]</div>
 
 @*将 TempData["greetng"] 生命期延长一次*@
 <div>@TempData.Peek("greeting")</div>
 <br/>@Html.ActionLink("ReceiveTempData2", "ReceiveTempData2")

ReceiveTempData2 视图：

 @{
     ViewData["Title"] = "ReceiveTempData2";
 }
 
 <h2>ReceiveTempData2</h2>
 
 <div>@TempData["error"]</div>
 <div>@TempData["greeting"]</div>

另一个控制器 TempDataController：

public class TempDataController : Controller
{
    public IActionResult Index()
    {
        return View();
    }
}

该控制器的 Index 视图：

@{
    ViewData["Title"] = "Index";
}

<h2>Index</h2>

<div>@TempData["error"]</div>

结果：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
使用重定向：

public IActionResult TempDataTest()
{
    TempData["error"] = "An error";
    TempData["greeting"] = "Hello";
    TempData.Keep("error");
    //return View();
    return RedirectToAction("ReceiveTempData");
}

结果：
在这里插入图片描述
在这里插入图片描述

本应被延长的 TempData["error"] 没有被延长。

Session

session 是从Web.SessionState 继承的键值对对象。在控制器之间传递数据，可用于跨请求状态下控制器和视图之间的数据传递。一般Session用于保留对特定用户的数据，但最好不要在其中放置敏感数据。生存期一直持续到 timeout 参数所限制的事件、调用Clear、RemoveAll、Abandon 方法或者关闭浏览器来明确地销毁它。最好减少 Session 的使用因为它在服务器集群环境下不可靠，并且在使用时将一直占用服务器资源。

在使用 Session 时需要在 Startup.cs 中对其进行配置（配置详情）。
在这里插入图片描述
使用方法：

在此我们将 Session 的过期时间设置为 5 秒，该过期时间在每次操作之后进行计算。

在 ConfigureServices 方法中：

 services.AddDistributedMemoryCache();

 services.AddSession(options =>
 {
　　　　options.IdleTimeout = TimeSpan.FromSeconds(5);
　　　 options.Cookie.HttpOnly = true;
　});

在 Configure 方法中：

 app.UseSession();
 app.UseMvc();

中间件的顺序很重要。 在 UseMvc 之后调用 UseSession 时会发生 InvalidOperationException 异常。

在默认的 ASP.NET Core 实现中，在 Session 中提供了字节流、int 以及 string 数据的获取和设置方法，分别为:

  • Get(ISession, String)
  • GetInt32(ISession, String)
  • GetString(ISession, String)
  • SetInt32(ISession, String, Int32)
  • SetString(ISession, String, String)

为了方便，分别实现一个 Set 和 Get 的 ISession 泛型扩展方法：

public static void Set<T>(this ISession session, string key, T value)
{
    session.SetString(key, JsonConvert.SerializeObject(value));
}

public static T Get<T>(this ISession session, string key)
{
    var value = session.GetString(key);

    return value == null ? default(T) :
        JsonConvert.DeserializeObject<T>(value);
}

控制器中：


  //用来获取和设置值的键
  public const string SessionKeyStudent = "_Student";

  public string AddSession()
  {
      if (HttpContext.Session.Get<Student>(SessionKeyStudent)==default(Student))
      {
          Student student=new Student()
          {
              Birth = new DateTime(1996,1,1),
              ID = 2,
              Name = "Ruri"
          };
          HttpContext.Session.Set<Student>(SessionKeyStudent,student);
      }
      return "Session has been set";
  }

  public IActionResult SessionTest()
  {
      Student student = HttpContext.Session.Get<Student>(SessionKeyStudent) ?? new Student();           
      return View(student);
  }

SessionTest 视图：

@model Student
  @{
     ViewData["Title"] = "SessionTest";
 }
 
 <h2>SessionTest2</h2>

 <div>ID: @Model.ID</div>
 <div>Name: @Model.Name</div>
  <div>Birth: @Model.Birth</div>

结果：

直接访问 sessiontest ：
在这里插入图片描述
设置 Session 然后再访问 SessionTest2 ：
在这里插入图片描述
在这里插入图片描述

未操作 5s 之后刷新页面，Session 被移除：
在这里插入图片描述

总结表格：

在这里插入图片描述
示例代码：https://github.com/NanaseRuri/Differences

风神.NET跨平台
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【MVC】TempData、ViewBag、ViewData、Model
刘亚男
02-17 682
   TempData ViewBag ViewData Model
使用Model-View-ViewModel的问题和解决方案
02-25
WindowsPresentationFoundation(WPF)和Silverlight提供了丰富的API用来构建现代应用程序，但是了解并和谐一致地应用所有WPF特性来构建设计精良、易于维护的应用程序可能非常困难。从何处入手？什么样的方法才算是...
（转）MVC模式参数传递的探究
weixin_30312659的博客
08-22 92
原文地址：http://www.cnblogs.com/dingding3/archive/2010/08/21/MVC.html 最近公司一直在用MVC模式写程序，所以最近一直再查MVC的资料，目前在研究MVC的参数传递方法，因此有了此文。 MVC模式既可以通过Model传递参数，也可以用ViewData来保存数据，两种方式的组合传递参数就是一种新的模式了。 使用这...
ViewData和TempData以及Session的小结
weixin_33682719的博客
02-22 80
ViewData一般用在从控制器向页面上传递数据。 Public ActionResult Show() { ViewData[“message”]=”你好”; returnView(); } <%:ViewData[“message”]%> TempData一般用于从一个控制器Action向另一控制器Action中传递数据。 ...
viewdata与tempdata
gaga3776的专栏
08-06 1695
      ViewData并不是像网上有些说的那样只在当前视图内有效，他的有效范围是在一个请求的生命周期内，而tempdata生命周期可以延续到紧跟后面的一个请求。      ViewData只是一个简单的字典，他的生存期跟Controller的生存期一样。请求进来被MvcHandler处理相应Controller被创建，这时Viewdata便存在，直到Controller被销毁，此时Vie
MVVM模式中ViewModel和View、Model有什么区别？
09-03
ViewModel还包含一系列方法和属性，用于处理View的用户交互事件，并调用Model中的业务逻辑。ViewModel通过数据绑定机制，使得View中的数据更改能够反映到ViewModel，同时ViewModel的改变也能实时更新到View。 ...
Android-ViewModel和LiveData使用详解
08-19
传统的解决方案是使用onSaveInstanceState()和onCreate()方法保存和恢复数据，但这并不适合大量的复杂数据。ViewModel在配置改变时不会被销毁，因此它可以保持之前的状态，并在新的Activity或Fragment实例中继续使用...
ViewModel使用基础
02-17
2. **创建ViewModel**：创建一个继承自`ViewModel`的类，并在其中定义要保留的数据和业务逻辑方法。 ```kotlin class DemoViewModel : ViewModel() { // 创建LiveData对象 val demoData = MutableLiveData() // ...
ViewData和TempData
weixin_34067102的博客
08-04 72
虽然ViewData和TempData都可以传递弱类型数据,但是两者的使用是有区别的:1:ViewData的生命周期和View相同, 只对当前View有效. TempData保存在Session中, Controller每次执行请求的时候会从Session中获取TempData并删除Session, 获取完TempData数据后虽然保存在内部的字典对象中,但是2:TempData集合的每个条目访问...
MVC中的ViewData、ViewBag和TempData
热门推荐
王伯仙的博客
07-04 2万+
一、ViewBag和ViewData的定义 public dynamic ViewBag { get; } public ViewDataDictionary ViewData { get; set; } 二、ViewBag和ViewData的区别 viewdata viewbag 它是key/value字典集合 它是dynamic类型对象
ViewBag、ViewData和TempData使用方法、区别与联系
ajwqb06628的专栏
01-07 272
ViewBag、ViewData和TempData使用方法、区别与联系 一、区别与联系 　　ViewData 和 TempData 都可以传递弱类型数据，区别如下：TempData只在当前 Action 中有效，生命周期和 View 相同；保存在Session中...
ViewData和TempData的区别
iteye_19449的博客
01-19 233
ViewData和TempData的区别 虽然ViewData和TempData都可以传递弱类型数据,但是两者的使用是有区别的: 　　ViewData的生命周期和View相同, 只对当前View有效. 　　TempData保存在Session中, Controller每次执行请求的时候会从Session中获取TempData并删除Session, 获取完TempData数据后虽然...
ViewData与TempData的区别
wyzlwyzl的专栏
08-04 719
（回顾）MVC3中 ViewBag、ViewData和TempData的使用和区别
carcarrot的博客
11-25 337
在MVC3开始，视图数据可以通过ViewBag属性访问，在MVC2中则是使用ViewData。MVC3中保留了ViewData的使用。ViewBag 是动态类型（dynamic），ViewData 是一个字典型的（Dictionary）。 它们的定义如下： public dynamic ViewBag { get; } public ViewDataDictionary ViewData { get; set; } 控制器中代码： public ActionResult Index() { ..
ViewData 和TempData ，Session用法
weixin_44545087的博客
05-27 548
开发工具与关键技术： 班级：18级（4）班 撰写时间：2019.5.24 一．在ASP.NET MVC中，页面间和Controller与View之间主要有以下几种小量数据传值方式， ViewData、 ViewBag、TempData、Session 变量。 我们是幸运的，微软提供给了我们这么多传值方法，但选择越多越 让人抓狂，这些技术每一种都有自己的优点和缺点，我应该何时使用哪一种传值方式呢...
TempData、ViewData和ViewBag的区别
张云勇
08-29 1191
ViewData是Dictionnary型的,ViewBag是dynamic型，会在程序运行的时候动态解析。 ViewData为object型，ViewBag为dynamic型。 TempData的使用同ViewData和ViewBag一样，TempData也可以用来向视图传递数据，只是ViewData与ViewBag的生命周期和View相同，它们只对当前View有用。 TempData则可...
MVC中 ViewData、ViewBag、TempData的区别与联系
大橙子的专栏
02-05 1万+
ViewData和TempData都可以传递弱类型数据，区别如下: ViewData 只在当前 Action 中有效，生命周期和 View 相同； TempData  的数据至多只能经过一次Controller传递，并且每个元素至多只能被访问一次，访问以后，自动被删除。 TempData  一般用于临时的缓存内容或抛出错误页面时传递错误信息，可以将TempData 在使用之前存储
ViewData、ViewBag、TempData、Session的区别与联系
weixin_44565686的博客
08-24 230
ViewData、ViewBag、TempData、Session介绍 ViewBag是对ViewData的封装，其内部是使用ViewData实现数据存储的，不同的是，ViewBag可以存储动态类型的变量值， 而ViewData只能存储String Key/Object Value字典数组。 TempData也是一个String Key/Object Value字典数组。 和ViewData与ViewBag不同的是其所存储的数据对象的生命周期。如果页面发生了跳转，ViewBag和ViewData中的值将不复
Fragment和ViewModel之间的关系
最新发布
06-13
Fragment 和 ViewModel 是在 Android 应用程序中经常使用的两个组件，它们之间的关系可以通过以下方式进行描述： 1. Fragment 是一个 UI 组件，它通常用于在 Activity 中显示某些内容。它可以包含自己的布局和逻辑，并且具有自己的生命周期。 2. ViewModel 是一个用于管理应用程序数据的组件，它独立于 UI 组件并且可以在多个组件之间共享。ViewModel 可以帮助您管理应用程序状态，并确保数据在组件之间正确共享。 3. Fragment 和 ViewModel 之间的关系是通过 ViewModel 与 Fragment 绑定来实现的。在 Fragment 中，您可以使用 `ViewModelProviders` 类的 `get()` 方法来获取 ViewModel 实例。如果 ViewModel 实例不存在，则该方法将创建一个新的 ViewModel 实例，并将其与 Fragment 绑定。 4. 一旦 ViewModel 与 Fragment 绑定，它就可以存储和管理与 Fragment 相关的数据，并且可以在 Fragment 的整个生命周期内保持数据的一致性。 总之，Fragment 和 ViewModel 是 Android 应用程序中非常有用的两个组件，它们可以帮助您创建灵活的 UI 布局，并确保应用程序数据的一致性和可靠性。如果您正在开发 Android 应用程序，那么了解 Fragment 和 ViewModel 之间的关系将非常重要。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值