MVC学习系列3--怎么从控制器向视图传递数据
在MVC中,从控制器到视图,传递数据,可以使用 ViewData 和 ViewBag;同样从视图到控制器,传递数据,可以使用Post,QueryString,或者隐藏域;最后从控制器到控制器,传递数据可以使用TempData。
注意:当然,从控制器到视图,传递数据,还可以使用TempData的。
我们来一一看一下:
1.ViewBag方式,从控制器到视图传递数据:
ViewBag is a dynamic property (a new C# 4.0 feature) which means it has no pre-defined properties.ViewBag is a wrapper around the ViewData that exposes the ViewData dictionary as a dynamic object.ViewBag is slower than ViewData and it does not require any type of typecasting for the complex data type.Visual Studio cannot provide IntelliSense support for the dynamic objects, so error is not visible at the design time.
ViewBag是C# 4.0中动态的属性,Viewbag是ViewData的包装,Vewbag比ViewData慢,它不需要对复杂类型进行转换,VS不能对动态类型,提供智能提示,
所以动态对象的错误在编译期间是发现不了的
public ActionResult Index()
{
ViewBag.TimeNow = DateTime.Now;
return View();
}
对应的Index视图:
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div>
当前时间是【ViewBag传递数据】: @ViewBag.TimeNow
</div>
</body>
</html>
结果是:
2.ViewData方式,从控制器到视图,传递数据
ViewData is a dictionary object used to pass data from the controller to view in the form of Key-Value pair.
ViewData is derivative of the ViewDataDictionary class. ViewData is introduced in MVC 1.0.
ViewData requires type casting for complex data types and if redirection occurs, itS value becomes NULL. ViewData是一个dictionary 对象,用来以键值对的方式,从控制器向视图传递数据,ViewData是ViewDataDictionary 的衍生物,最早是在MVC1.0中引入的,对于复杂类型来说,
ViewData需要类型转换;并且如果在方法中,有redirection【重定向】 出现的话,ViewData里面所包含的数据,就会变成空的。
public ActionResult Index()
{
ViewBag.TimeNow = DateTime.Now;
ViewData["MyTime"] = DateTime.Now;
return View();
}
对应的视图:
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div>
当前时间是【ViewBag传递数据】: @ViewBag.TimeNow <br/>
当前时间是【ViewData传递数据】: @ViewData["MyTime"]
</div>
</body>
</html>
结果是:
3.TempData方式,从控制器到视图,传递数据:
public ActionResult Index()
{
ViewBag.TimeNow = DateTime.Now;
ViewData["MyTime"] = DateTime.Now;
TempData["TempData"] = DateTime.Now;
return View();
}
对应的视图:
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div>
当前时间是【ViewBag传递数据】: @ViewBag.TimeNow <br/>
当前时间是【ViewData传递数据】: @ViewData["MyTime"]<br/>
当前时间是【TempData传递数据】: @TempData["TempData"]<br />
</div>
</body>
</html>
结果是:
小结:从上面,我们可以看出,ViewBag,ViewData,TempData都可以,从控制器向视图传递数据。
那么,我们就有疑问了,他们三者是不是可以共享数据呢?,我们来验证一下:
我们修改一下,控制器的代码:
public ActionResult Index()
{
ViewBag.TimeNow = DateTime.Now;
//ViewData["MyTime"] = DateTime.Now;
//TempData["TempData"] = DateTime.Now;
return View();
}
注释,两行代码,然后视图中:
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div>
当前时间是【ViewBag传递数据】: @ViewBag.TimeNow <br/>
当前时间是【ViewData传递数据】: @ViewData["TimeNow"]<br/>
当前时间是【TempData传递数据】: @TempData["TimeNow"]<br />
</div>
</body>
</html>
结果是:
从上面的图中,可以看到,ViewBag的数据是可以和ViewData共享的,但是不能和TempData共享
那么,ViewData的数据,是否可以和ViewBag,TempData共享呢?我们继续验证一下:
修改控制器的方法:
public ActionResult Index()
{
//ViewBag.TimeNow = DateTime.Now;
ViewData["MyTime"] = DateTime.Now;
//TempData["TempData"] = DateTime.Now;
return View();
}
对应的视图:
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div>
当前时间是【ViewBag传递数据】: @ViewBag.MyTime <br/>
当前时间是【ViewData传递数据】: @ViewData["MyTime"]<br/>
当前时间是【TempData传递数据】: @TempData["MyTime"]<br />
</div>
</body>
</html>
结果是:
可以看出,ViewData和Viewbag也是可以共享数据的,但是ViewBag和VIewData都不能和TempData共享数据
所以阶段性总结一下:
1.ViewData和Viewbag也是可以共享数据的,但是ViewBag和VIewData都不能和TempData共享数据;
2..ViewData和Viewbag还有TempData都是可以从控制器向视图传递数据的。
TempData的作用,还有哪些???
我们来看下:
在控制器中添加一个方法,并且加相应的视图:
public class HomeController : Controller
{
// GET: Home
public ActionResult Index()
{
ViewBag.TimeNow = DateTime.Now;
ViewData["MyTime"] = DateTime.Now;
TempData["TempData"] = DateTime.Now;
return View();
}
public ActionResult DataVIew()
{
ViewBag.TempView = ViewBag.TimeNow;
ViewData["TempViewDataTime"] = ViewData["MyTime"];
TempData["TempViewData"] = TempData["TempData"];
return View();
}
}
DataView视图:
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>DataVIew</title>
</head>
<body>
<div>
当前时间是【ViewBag传递数据】: @ViewBag.TempView <br />
当前时间是【ViewData传递数据】: @ViewData["TempViewDataTime"]<br />
当前时间是【TempData传递数据】: @TempData["TempViewData"]<br />
</div>
</body>
</html>
接着运行DataView页面:
没有传递过来。。。???
我们再修改一下,控制器的方法:
// GET: Home
public ActionResult Index()
{
ViewBag.TimeNow = DateTime.Now;
ViewData["MyTime"] = DateTime.Now;
TempData["TempData"] = DateTime.Now;
return RedirectToAction("DataVIew");
}
public ActionResult DataVIew()
{
ViewBag.TempView = ViewBag.TimeNow;
ViewData["TempViewDataTime"] = ViewData["MyTime"];
TempData["TempViewData"] = TempData["TempData"];
return View();
}
然后,我们运行程序,默认是Index方法,然后因为有,RedirectToAction("DataVIew");,就会跳到DataVIew这个方法中,所以结果是:
可以得出结论:TempData还可以在控制器之间传递数据,而ViewBag和VIewData不能。
最终结论:
1.ViewData和Viewbag也是可以共享数据的,但是ViewBag和VIewData都不能和TempData共享数据;
2..ViewData和Viewbag还有TempData都是可以从控制器向视图传递数据的。
3.TempData还可以在控制器之间传递数据,而ViewBag和VIewData不能。