简  介

　　在前面的章节中，我们已经很清楚，MVC工作模型的流程，Controller中的Action接收到客户端的请求，处理后要将数据返回给View，那么Action中是如何将数据返回给View的，二者之间打通的桥梁又是什么呢？

　　这些问题正是本章节需要解决的，下面先复习一下MVC的请求模型，如下图：

　　

　(一). 先解决第一个问题，Action向View中传值有四种方式：ViewData、ViewBag、TempData、Model，随意选中一个点击F12查看源码，源码如下:

　　分析：ViewData和TempData分别是ViewDataDictionary类型和TempDataDictionary类型，而这两种类型均实现了IDictionary接口，所以ViewData和TemData均为字典类型。

　 我们再看一下ViewDataDictionary和TempDataDictionary两个类型源码，以ViewDataDictionary为例，代码如下：

　　分析可知赋值方式有两种： ViewData[" "]=XXX   和  ViewData.Add("key", value) ，TempData赋值方式与此类似。

　  (二). 接下来我们解决第二个问题，在前端页面选择ViewData点击F12，查看WebViewPage类源码，源码如下：这时候，应该都很清楚了。

　　

　  (三). 总结一下结论：　　

　　A. ViewData：字典类型，在前端页面使用的时候，需要进行类型转换。

　　B. ViewBag：动态类型，运行时自动进行类型转换，不需要进行任何类型转换。

　　C：Model： 实质就是ViewData.Model，前端页面通过Model.XXX进行调用，页面需要using引入程序集。

　　D：TempData：字典类型，前端页面使用时候，需要进行类型转换，但该类型更多的是作为临时变量应用于后台Action直接的传值，它内部是基于Session实现的，它可以存储一次，但是只能读取一次，再次使用，将为空。

1. 测试四种方式向页面传值

  　　public ActionResult PassValueIndex()

         {

             ViewData["num"] = ;

             ViewData.Add("num2", );

             ViewBag.myNum = ;

             TempData["myNum2"] = ;

             Student stu = new Student()

             {

                 id="",

                 name="ypf",

                 sex="男"

             };

             return View(stu);

         } 
 @*使用Model赋值，需要引入下面的命名空间*@

 @using Ypf.MVC5.Models;

 @{

     Layout = null;

 }

 <!DOCTYPE html>

 <html>

 <head>

     <meta name="viewport" content="width=device-width" />

     <title>PassValueIndex</title>

 </head>

 <body>

     <div>

         <p>Model赋值：

         @Model.id

         @Model.name

         @Model.sex

         </p>

         <p>ViewData(需要进行类型转换):@((int)ViewData["num"]+1) </p>

         <p>ViewData(需要进行类型转换):@((int)ViewData["num2"] + 1) </p>

         <p>ViewBag(不需要进行类型转换):@(ViewBag.myNum+1)</p>

         <p>TempData(需要进行类型转换):@((int)TempData["myNum2"]+1)</p>

         <a href="TestTempData1">第二次调用TempData</a>

     </div>

 </body>

 </html>

2. 测试TempData的时效性

　　从上面页面前端代码中点击，a标签，进入下面代码：

      public ActionResult TestTempData1()

         {

             //第二次次测试使用TempData，因为PassValueIndex页面已经使用了一次，

             //所以此处data1为空，很好的印证了TempData只能调用一次的结论

             var data1 = TempData["myNum2"];

             return Content("");

         }

　　分析发现，这里的data1为null，印证了TempData使用一次后清空的结论。

第三节：Action向View传值的四种方式(ViewData、ViewBag、TempData、Model)的更多相关文章

  1. EF5+MVC4系列(7) 后台SelectListItem传值给前台显示Select下拉框;后台Action接收浏览器传值的4种方式; 后台Action向前台View视图传递数据的四种方式(ViewDate,TempDate,ViewBag,Model (实际是ViewDate.Model传值))

    一:后台使用SelectListItem 传值给前台显示Select下拉框 我们先来看数据库的订单表,里面有3条订单,他们的用户id对应了 UserInfo用户表的数据,现在我们要做的是添加一个Ord ...

  2. MVC中控制器向视图传值的四种方式

    MVC中的控制器向视图传值有四种方式分别是 1 ViewDate  2.ViewBag   3.TempDate  4.Model 下面分别介绍四种传值方式 首先先显示出控制器中的代码 using S ...

  3. MVC教程四：Controller向View传值的几种方式

    一.通过ViewData传值 MVC从开始版本就一直支持使用ViewData将Controller里面的数据传递到View.ViewData定义如下: 从上面的截图中可以看出,ViewData里面存的 ...

  4. ASP.NET MVC Controller向View传值的几种方式

    上几篇博文提到MVC和WebForm的区别,主要是MVC的Controller和View将传统的WebForm的窗体和后台代码做了解耦,这篇博文简单介绍一下在MVC中Controller向View是如 ...

  5. .NET MVC控制器向视图传递数据的四种方式

    .NET MVC控制器向视图传递数据的四种方式: 1.ViewBag  ViewBag.Mvc="mvc"; 2.ViewData ViewBag["Mvc"] ...

  6. Action中取得request，session的四种方式

    Action中取得request,session的四种方式 在Struts2中,从Action中取得request,session的对象进行应用是开发中的必需步骤,那么如何从Action中取得这些对象 ...

  7. ASP.NET MVC之下拉框绑定四种方式（十）

    前言 上两节我们讲了文件上传的问题,关于这个上传的问题还未结束,我也在花时间做做分割大文件处理以及显示进度的问题,到时完成的话再发表,为了不耽误学习MVC其他内容的计划,我们今天开始好好讲讲关于MVC ...

  8. Spring事务管理的四种方式（以银行转账为例）

    Spring事务管理的四种方式(以银行转账为例) 一.事务的作用 将若干的数据库操作作为一个整体控制,一起成功或一起失败.   原子性:指事务是一个不可分割的工作单位,事务中的操作要么都发生,要么都不 ...

  9. UI的线程问题：单线程原因及更新UI的四种方式

    1.UI线程为什么设计为单线程? UI控件的操作不是线程安全的,对于多线程并发访问的时候,如果使用加锁机制会导致: UI控件的操作变得很复杂. 加锁的操作必定会导致效率下降. 所以android系统在 ...

随机推荐

  1. SQLServer之添加聚集索引

    聚集索引添加规则 聚集索引按下列方式实现 PRIMARY KEY 和 UNIQUE 约束 在创建 PRIMARY KEY 约束时,如果不存在该表的聚集索引且未指定唯一非聚集索引,则将自动对一列或多列创 ...

  2. 黏包现象之TCP

    老师的博客:http://www.cnblogs.com/Eva-J/articles/8244551.html#_label5 server #_*_coding:gbk*_ from socket ...

  3. 模拟vue的tag属性，在react里实现自定义Link

    我封装了一个简单的实现react里自定义Link的方法,方便大家使用. 因为普通组件没有metch.location.history等属性.只有在<Router>里面的<compon ...

  4. tmux编译安装

    依赖libevent,ncurses libevent 2.x 官网:http://libevent.org 下载:https://github.com/libevent/libevent/relea ...

  5. 【vue】移动端demo资料

    http://imzjh.com/inew/#/(移动端demo) https://github.com/liangxiaojuan/eleme(饿了么git地址) https://github.co ...

  6. 机器人行业中我们常说的roll、yaw、pitch是什么？

    坐标系建立: 载体坐标系与载体坐标系的关系是三个Euler角:yaw,pitch,roll,反应了载体相对基准面的姿态. pitch是围绕X轴旋转,也叫做俯仰角.当X轴的正半轴位于过坐标原点的水平面之 ...

  7. redis 初步认识一(下载安装redis）

    1.下载redis  https://github.com/MicrosoftArchive/redis/releases 2.开启redis服务 3.使用redis 4.redis可视化工具 一 开 ...

  8. P1354 房间最短路问题

    传送门 可以发现,最短路一定要经过墙壁的断点. 那么把房间看作一个有向图,墙壁的断点为节点,求从起点到终点的最短路. 这道题的难点在于建图.枚举所有的断点,若可以走则加入这条边. 判断两点是否连通,即 ...

  9. vue通过自定义指令 v-py 将名字转拼音

    自定义指令 py: 1.新建 vue-py.js文件 import Vue from 'vue'; var chinesePointCode = { "a": [21834, 38 ...

  10. 使用jquery中$.each()方法来循环一个数据列表

    定义和用法 jQuery.each() 函数用于遍历指定的对象和数组. 语法 $.each( object, callback ) 参数 描述 object Object类型 指定需要遍历的对象或数组 ...