ASP.NET Core MVC 从入门到精通之接化发（二）

  • ASP.NET Core MVC 从入门到精通之接化发（二）已关闭评论
  • 248 次浏览
  • A+
所属分类：.NET技术
摘要

随着技术的发展，ASP.NET Core MVC也推出了好长时间，经过不断的版本更新迭代，已经越来越完善，本系列文章主要讲解ASP.NET Core MVC开发B/S系统过程中所涉及到的相关内容，适用于初学者，在校毕业生，或其他想从事ASP.NET Core MVC 系统开发的人员。 经过前两篇文章的讲解，初步了解ASP.NET Core MVC项目创建，启动运行，以及ASP.NET Core MVC的命名约定，创建控制器，视图，模型，接收参数等内容，今天继续讲解ASP.NET Core MVC 数据传递到客户端等相关内容，仅供学习分享使用。
便宜好用的国外VPS推荐

随着技术的发展，ASP.NET Core MVC也推出了好长时间，经过不断的版本更新迭代，已经越来越完善，本系列文章主要讲解ASP.NET Core MVC开发B/S系统过程中所涉及到的相关内容，适用于初学者，在校毕业生，或其他想从事ASP.NET Core MVC 系统开发的人员。 经过前两篇文章的讲解，初步了解ASP.NET Core MVC项目创建，启动运行，以及ASP.NET Core MVC的命名约定，创建控制器，视图，模型，接收参数等内容，今天继续讲解ASP.NET Core MVC 数据传递到客户端等相关内容，仅供学习分享使用。

ASP.NET Core MVC 从入门到精通之接化发（二）

 

概述

 

在ASP.NET Core MVC项目中，控制器传递数据到视图，常见的有以下几种方式：

  1. ViewData，一个Key/Value键值对集合，通过ViewData可以方便的进行数据对象的存储和获取，只是ViewData获取的对象的object类型，主要进行一定的类型转换。
  2. ViewBag，一定dynamic类型对象，需要在运行时进行解析操作。
  3. Model模型，对于强类型视图，不仅可以通过模型接收参数，也可以回传数据。
  4. TempData，支持页面跳转数据传递。但也只支持一次页面跳转数据传递。

 

ViewData

 

ViewData是控制器中一个ViewDataDictionary类型的属性，用来存储Key/Value的字典集合，在控制器中可以直接使用。

 

ViewData特征

 

ViewData具有以下特征：

  • ViewData是一个继承自ViewDataDictionary类的Dictionary对象，用来从Controller向对应的View传递值。
  • ViewData的只在当前当前的请求中有效，生命周期和View相同，其值不能在多个请求 中共享。
  • 在重定向(redirection)后，ViewData中存储的变量值将变为null。
  • 在取出ViewData中的变量值是，必须进行合适的类型转换(隐式或显式)和空值检查。 

 

ViewData示例

 

通过ViewData传值，首先在控制器中对ViewData赋值，如下所示：

 1 /// <summary>  2 /// ViewData  3 /// </summary>  4 /// <returns></returns>  5 public IActionResult Test()  6 {  7     ViewData.Add("Name", "公子小六");  8     ViewData.Add("Age", 20);  9     return View(); 10 }

在视图中，对ViewData中的值进行获取，在Test.cshtml中格式为@ViewData[Key]，如下所示：

1 <h1>欢迎公子小六</h1> 2 <div> 3     <span>姓名：</span> 4     <span>@ViewData["Name"]</span> 5 </div> 6 <div> 7     <span>年龄：</span> 8     <span>@ViewData["Age"]</span> 9 </div>

运行测试，在浏览器中输入【https://localhost:7116/Hello/Test】，如下所示：

ASP.NET Core MVC 从入门到精通之接化发（二）

 

ViewBag

 

ViewBag是一个动态类型变量(dynamic)，这是C# 4.0引入的新特性，变量类型会在运 行时进行解析。

 

ViewBag特征

 

ViewBag具有以下特征：

  • ViewBag基本上是ViewData的包装，也是用来从Controller向View来传递值的。
  • ViewBag也只在当前的请求中有效。
  • 在重定向(redirection)后，ViewBag中存储的变量值将变为null。
  • 因为ViewBag是动态类型，所以我们在取得其值时，不需要进行类型转换。

 

ViewBag示例

 

在ASP.NET Core MVC项目中，首先在控制器中对ViewBag进行赋值，如下所示：

1 public IActionResult Test2() 2 { 3     ViewBag.Name = "公子小六"; 4     ViewBag.Age = 23; 5     return View(); 6 }

在视图中对ViewBag中的值进行获取，格式为：ViewBag.属性名 。如下所示：

 1 @{  2     var name = ViewBag.Name;  3     var age = ViewBag.Age;  4     name = name + "A";  5     age = age + 1;  6 }  7 <h1>欢迎公子小六</h1>  8 <div>  9     <span>姓名：</span> 10     <span>@ViewBag.Name</span> 11 </div> 12 <div> 13     <span>年龄：</span> 14     <span>@ViewBag.Age</span> 15 </div> 16 <div> 17     <span>姓名：</span> 18     <span>@name</span> 19 </div> 20 <div> 21     <span>年龄：</span> 22     <span>@age</span> 23 </div>

运行测试，在浏览器中，输入网址【https://localhost:7116/Hello/Test2】，如下所示：

ASP.NET Core MVC 从入门到精通之接化发（二）

 

模型数据

 

在ASP.NET Core MVC项目中，模型的主要作用就是在控制器和视图之间进行数据交互，用来传递数据也非常简单，如下所示：

 

创建模型

 

如果要用模型进行数据交互，首先是要创建模型，创建方法在前一篇文章中有介绍，不再赘述，示例模型类如下所示：

 1 public class Student  2 {  3     /// <summary>  4     /// 唯一标识  5     /// </summary>  6     public int Id { get; set; }  7   8     /// <summary>  9     /// 学生名称 10     /// </summary> 11     public string Name { get; set; } 12  13     /// <summary> 14     /// 学生年龄 15     /// </summary> 16     public int Age { get; set; } 17  18     /// <summary> 19     /// 学生性别 20     /// </summary> 21     public string Sex { get; set; } 22 }

 

控制器实例化模型

 

在控制器中对模型进行实例化，然后调用View(model)方法，如下所示：

 1 public IActionResult Index()  2 {  3     var student = new Student()  4     {  5         Id = 1,  6         Name = "公子小六",  7         Age = 21,  8         Sex = "男"  9     }; 10      11     return View(student); 12 }

 

视图指定模型

 

在视图中指定模型【@model 完整类名】，获取属性值【@Model.属性名】即可，如下所示：

 1 @model  DemoCoreMVC.Models.Student  2 <h1>欢迎公子小六</h1>  3 <div>  4     <span>学号：</span>  5     <span>@Model.Id</span>  6 </div>  7 <div>  8     <span>姓名：</span>  9     <span>@Model.Name</span> 10 </div> 11 <div> 12     <span>年龄：</span> 13     <span>@Model.Age</span> 14 </div> 15 <div> 16     <span>性别：</span> 17     <span>@Model.Sex</span> 18 </div>

 

运行测试

 

在浏览器中输入网址【https://localhost:7116/Hello/】页面如下所示：

ASP.NET Core MVC 从入门到精通之接化发（二）

 

TempData

 

首先ViewData和ViewBag都是一次性传递数据，如果跳转到其他页面，则无法进行获取，那么该如才能在页面跳转后，依然可以获取内容呢，答案就是TempData。

 

TempData特征

 

TempData相比于ViewData和ViewBag，具有以下特征：

  1. TempData类型是TempDataDictionary。
  2. TempData用于把数据从一个action方法传到另一个action方法，两个action可以不再同一个controller中，也可以在同一个controller中。

 

TempData示例

 

首先有两个页面Test3,Test4，在Test3中，分别往ViewData和TempData中各自添加了一个Name名称的值。然后再让页面从Test3跳转到Test4。然后在Test4的页面中分别获取两个值。

 1 public IActionResult Test3()  2 {  3     ViewData.Add("Name", "公子小六1");  4     TempData.Add("Name", "公子小六2");  5     return View();  6 }  7   8 public IActionResult Test4()  9 { 10  11     return View(); 12 }

视图页面内容也非常简单，如下所示：

Test3.cshtml页面内容如下：

1 <a href="~/Hello/Test4">跳转Test4</a>

Test4.cshtml页面内容，如下所示：

 1 <h1>欢迎公子小六</h1>  2   3 <div>  4     <span>姓名ViewData：</span>  5     <span>@ViewData["Name"]</span>  6 </div>  7 <div>  8     <span>姓名TempData：</span>  9     <span>@TempData["Name"]</span> 10 </div>

运行程序，然后在浏览器中输入网址【https://localhost:7116/Hello/Test3】，如下所示：

ASP.NET Core MVC 从入门到精通之接化发（二）

由以上示例可以看出：

  1. ViewData在页面传递后，前一个Action添加的键值已经被清除。
  2. TempData中的值在页面跳转后依然保存。
  3. TempData 在第二次请求后会被清空，第三次请求则获取不到。

注意：TempData也只支持一次跨Action跳转，不支持多次跳转。

以上就是ASP.NET Core MVC从入门到精通之接化发 第二部分的全部内容，旨在抛转引玉，一起学习，共同进步。

便宜好用的国外VPS推荐