.Net MVC将Controller数据传递到View

 更新时间:2022年03月14日 10:54:22   作者:.NET开发菜鸟  
这篇文章介绍了.Net MVC将Controller数据传递到View的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

脚本之家 / 编程助手:解决程序员“几乎”所有问题!
脚本之家官方知识库 → 点击立即使用

一、通过ViewData传值

MVC从开始版本就一直支持使用ViewData将Controller里面的数据传递到View。ViewData定义如下:

从上面的截图中可以看出,ViewData里面存的是字典类型的数据,在查看ViewDataDictionary的定义:

注意:ViewDataDictionary继承自IDictionary等接口,所以ViewData里面的Value值类型是object的,使用的时候需要进行类型转换。

Controller代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
using MVCPassValue.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
 
namespace MVCPassValue.Controllers
{
    public class ViewDataDemoController : Controller
    {
        // GET: ViewDataDemo
        public ActionResult Index(int? id)
        {
             //1、将字符串传递到View
             ViewData["Other"] = "通过ViewData传递字符串";
  
             // 2
             ViewData.Add(new KeyValuePair<string, object>("Id", id ?? -1));
 
             //3
             ViewData.Add("name", "tom");
             //4、将集合传递到View
             ViewData["Student"] = new List<Student>()
             {
               new Student
               {
                 ID = 1,
                 Name = "唐僧",
                 Age = 34,
                 Sex = "男",
                 Email = "747976523@qq.com"
               },
               new Student
               {
                 ID = 2,
                 Name = "孙悟空",
                 Age = 635,
                 Sex = "男",
                 Email = "sunwukong@163.com"
               },
               new Student
               {
                 ID = 3,
                 Name = "白骨精",
                 Age = 4532,
                 Sex = "女",
                 Email = "74345523@qq.com"
               }
             };
            return View();
        }
    }
}

View视图如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
@using MVCPassValue.Models;
@{
    ViewBag.Title = "Index";
}
@{
    // 这里是使用的Razor语法,写的C#代码
    var stuViewData = ViewData["Student"] as List<Student>;//ViewData的value值是object类型的,这里需要进行类型转换
    var other = ViewData["Other"];
}
 
<div class="jumbotron">
    <p>
        <div style="background-color:darkgreen">
            <div>
                Controller通过ViewData向View传递数据
            </div>
            <div>
                1、传递字符串 other:@other;
            </div>
            <div>
                2、传递字符串 Id:@ViewData["Id"];
            </div>
            <div>
                3、传递字符串 name:@ViewData["name"];
            </div>
            <div>
                4、传递集合
                @foreach (var item in stuViewData)
                {
                    <div>
                        ID:@item.ID  Name:@item.Name  Age:@item.Age  Sex:@item.Sex  Email:@item.Email
                    </div>
                }
            </div>
        </div>
    </p>
</div>

运行结果:

二、通过ViewBag传值

ViewBag是在MVC3中出现的,ViewBag是动态(dynamic)类型的。

Controller代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
using MVCPassValue.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
 
namespace MVCPassValue.Controllers
{
    public class ViewBagDemoController : Controller
    {
        // GET: ViewBagDemo
        public ActionResult Index(int? id)
        {
            //1、将字符串传递到View
            ViewData["Other"] = "通过ViewData传递字符串";
 
            // 2
            ViewData.Add(new KeyValuePair<string, object>("Id", id ?? -1));
 
            //3
            ViewData.Add("name", "tom");
            //4、将集合传递到View
            ViewData["Student"] = new List<Student>()
             {
               new Student
               {
                 ID = 1,
                 Name = "唐僧",
                 Age = 34,
                 Sex = "男",
                 Email = "747976523@qq.com"
               },
               new Student
               {
                 ID = 2,
                 Name = "孙悟空",
                 Age = 635,
                 Sex = "男",
                 Email = "sunwukong@163.com"
               },
               new Student
               {
                 ID = 3,
                 Name = "白骨精",
                 Age = 4532,
                 Sex = "女",
                 Email = "74345523@qq.com"
               }
             };
 
 
            #region 2、通过ViewBag传值
            ViewBag.name = "ViewBag";
            ViewBag.Stu1 = new Student()
            {
                ID = 5,
                Name = "沙悟净",
                Age = 567,
                Sex = "男",
                Email = "4567890345@qq.com"
            };
            #endregion
            return View();
        }
    }
}

Index视图代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
@using MVCPassValue.Models;
@{
    ViewBag.Title = "Index";
}
@{
    var stuViewData = ViewData["Student"] as List<Student>;//ViewData的value值是object类型的,这里需要进行类型转换
    var other = ViewData["Other"];
}
 
@{
    var name = ViewBag.name;
    var stu = ViewBag.Stu1;//ViewBag是dynamic类型的,使用的时候不需要进行类型转换
    var stuList = ViewBag.Student;
}
 
<div class="jumbotron">
    <p>
        <div style="background-color:darkgreen">
            <div>
                Controller通过ViewData向View传递数据
            </div>
            <div>
                传递字符串 ViewData["name"]:@ViewData["name"];
            </div>
        </div>
    </p>
 
    <p>
        <div style="background-color:crimson">
            <div>
                Controller通过ViewBag向View传递数据
            </div>
            <div>
                1、传递字符串 ViewBag.name:@name;
            </div>
            <div>
                2、输出stu
                <div>
                    ID:@stu.ID  Name:@stu.Name  Age:@stu.Age  Sex:@stu.Sex  Email:@stu.Email
                </div>
                3、输出stuList
                @foreach (var item in stuList)
                {
                    <div>
                        ID:@item.ID  Name:@item.Name  Age:@item.Age  Sex:@item.Sex  Email:@item.Email
                    </div>
                }
            </div>
        </div>
    </p>
</div>

运行结果;

看了上面的运行结果,你可能会提出如下的两个疑问:

1、Controller里面没有定义ViewBag.Student,为什么在这里可以使用呢?

这是因为ViewBag是从MVC3版本才开始出现的,为了兼容以前的ViewData,所以这里虽然没有定义ViewBag.Student,但是ViewBag可以使用ViewData里面定义的Student。

2、ViewData["name"]和ViewBag.name的值是一样的

在控制器里面明明设置的两个值是不同的,但是为什么这里都变成一样的了呢?这是因为ViewData和ViewBag的属性是重叠的,两者都是字典类型的,一切以后面定义的属性为准,即后面定义的会覆盖前面定义的。

三、通过TempData传值

先来看看下面的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
using MVCPassValue.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
 
namespace MVCPassValue.Controllers
{
    public class TempDataDemoController : Controller
    {
        // GET: TempDataDemo
        public ActionResult Index()
        {
            ViewData["Name"] = "tom";
            ViewBag.Name = "Jon";
            TempData["Name"] = "Andi";
            TempData["Stu"] = new Student()
            {
                ID = 5,
                Name = "沙悟净",
                Age = 567,
                Sex = "男",
                Email = "4567890345@qq.com"
            };
            return View();
        }
    }
}

index视图代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
@using MVCPassValue.Models;
@{
    ViewBag.Title = "Index";
}
@{
    var stu = TempData["Stu"] as Student;
}
 
<div class="jumbotron">
    <p>
        <div style="background-color:darkgreen">
            <div>
                传递字符串 ViewData["Name"]:@ViewData["Name"];
            </div>
        </div>
    </p>
 
    <p>
        <div style="background-color:crimson">
            <div>
                1、传递字符串 ViewBag.Name:@ViewBag.Name;
            </div>
        </div>
    </p>
    <p>
        <div style="background-color:crimson">
            <div>
                1、传递字符串 TempData["Name"]:@TempData["Name"];
            </div>
            2、输出stu
            <div>
                ID:@stu.ID  Name:@stu.Name  Age:@stu.Age  Sex:@stu.Sex  Email:@stu.Email
            </div>
        </div>
    </p>
</div>

允许结果:

从上面的结果中可以看出:TempData的属性值不会覆盖上面定义的属性值。那TempData还有什么作用呢?在看下面的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
using MVCPassValue.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
 
namespace MVCPassValue.Controllers
{
    public class TempDataDemoController : Controller
    {
        // GET: TempDataDemo
        public ActionResult Index(int? id)
        {
            ViewData["Name"] = "tom";
            ViewBag.Name = "Jon";
            TempData["Name"] = "Andi";
            TempData["Stu"] = new Student()
            {
                ID = 5,
                Name = "沙悟净",
                Age = 567,
                Sex = "男",
                Email = "4567890345@qq.com"
            };
 
            if (id == null)
                return RedirectToAction("TempDataTest");
            else
                return View();
        }
 
        public ActionResult TempDataTest()
        {
            return View();
        }
    }
}

TempDataTest视图代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
@using MVCPassValue.Models;
@{
    ViewBag.Title = "TempDataTest";
}
@{
    var stu = TempData["Stu"] as Student;
}
 
<h2>TempDataTest</h2>
<h3>ViewData["id"]:@ViewData["Id"]</h3>
<h3>ViewData["Name"]:@ViewData["Name"]</h3>
<h3>TempData["Name"]:@TempData["Name"];</h3>
<h3>ID:@stu.ID  Name:@stu.Name  Age:@stu.Age  Sex:@stu.Sex  Email:@stu.Email</h3>

运行结果:

你会发现这时ViewData取不到数据了,只有TempData可以取到数据,可以得出TempData和ViewData、ViewBag的区别:

TempData是基于session存储的,单次请求数据不丢失(ViewData和ViewBag会丢失),后台跨页面传值,只能用一次

四、Model传值

controller代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
using MVCPassValue.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
 
namespace MVCPassValue.Controllers
{
    public class ModelDemoController : Controller
    {
        // GET: ModelDemo
        public ActionResult Index()
        {
            return View(new Student()
            {
                ID = 5,
                Name = "沙悟净",
                Age = 567,
                Sex = "男",
                Email = "4567890345@qq.com"
            });
        }
    }
}

index视图代码:

1
2
3
4
5
6
7
8
9
10
11
@{
    ViewBag.Title = "Index";
}
@Model Student;
 
<h2>Index</h2>
<h3>ID:@Model.ID</h3>
<h3>Name:@Model.Name</h3>
<h3>Age:@Model.Age</h3>
<h3>Sex:@Model.Sex</h3>
<h3>Email:@Model.Email</h3>

运行结果:

到此这篇关于MVC将Controller数据传递到View的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

蓄力AI

微信公众号搜索 “ 脚本之家 ” ,选择关注

程序猿的那些事、送书等活动等着你

原文链接:https://www.cnblogs.com/dotnet261010/p/8860057.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 reterry123@163.com 进行投诉反馈,一经查实,立即处理!

相关文章

  • Visual Studio 2017 ASP.NET Core开发

    Visual Studio 2017 ASP.NET Core开发

    这篇文章主要为大家详细介绍了Visual Studio 2017 ASP.NET Core开发,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 利用EF6简单实现多租户的应用

    利用EF6简单实现多租户的应用

    这篇文章主要给大家介绍了关于如何利用EF6简单实现多租户应用的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用EF6具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-09-09
  • asp.net在iframe中弹出信息并执行跳转问题探讨

    asp.net在iframe中弹出信息并执行跳转问题探讨

    本代码将实现在iframe中弹出信息并执行跳转,感兴趣的朋友可以参考下
    2013-04-04
  • C#和asp.net中链接数据库中参数的几种传递方法实例代码

    C#和asp.net中链接数据库中参数的几种传递方法实例代码

    这篇文章介绍了C#和asp.net中链接数据库中参数的几种传递方法实例代码,有需要的朋友可以参考一下
    2013-10-10
  • ASP.NET操作Word的IIS权限设置

    ASP.NET操作Word的IIS权限设置

    检索 COM 类工厂中 CLSID 为 {00024500-0000-0000-C000-000000000046} 的组件时失败,原因是出现以下错误: 80070005。
    2011-02-02
  • ASP.NET Core中调整HTTP请求大小的几种方法详解

    ASP.NET Core中调整HTTP请求大小的几种方法详解

    这篇文章主要给大家介绍了关于在ASP.NET Core中如何调整HTTP请求大小的几种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-12-12
  • 详解EFCore中的导航属性

    详解EFCore中的导航属性

    这篇文章主要介绍了详解EFCore中的导航属性的相关资料,帮助大家更好的理解和学习使用ASP.NET CORE,感兴趣的朋友可以了解下
    2021-03-03
  • .NET发送邮件遇到问题及解决方法

    .NET发送邮件遇到问题及解决方法

    这篇文章主要为大家详细介绍了.NET发送邮件遇到问题及解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • .Net Core使用MongoDB的详细教程

    .Net Core使用MongoDB的详细教程

    这篇文章主要给大家介绍了关于.Net Core使用MongoDB的完整步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2020-08-08
  • .NET中的属性用法分析

    .NET中的属性用法分析

    这篇文章主要介绍了.NET中的属性用法,分析了.NET中属性的功能、定义与具体用法,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01

最新评论