博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
视图(View) – ASP.NET MVC 4 系列
阅读量:6689 次
发布时间:2019-06-25

本文共 2804 字,大约阅读时间需要 9 分钟。

       精心编写的整洁代码是开发一个可维护 Web 应用程序的基础。但用户在浏览器中访问时,这些工作他们是看不见的。用户对应用程序的第一印象,以及与应用程序的整个交互过程都是从视图开始的。

       按照约定,每个控制器在 Views 目录下都有一个对应的文件夹,其名称与控制器一样,只是没有 Controller 后缀名。在每一个控制器的 View 文件夹中,每一个操作方法都有一个同名的视图文件与其相对应,这就提供了视图与操作方法关联的基础

       操作方法通过 View 方法返回 ViewResult 对象,如默认模板中的 Home 代码如下:

 
 
 
 
 

       当不指定视图名称时,操作方法返回的 ViewResult 对象将按照约定来确定视图。它会在目录 /Views/ControllerName(不带 Controller 后缀) 下查找与 action 名称相同的视图,这种情况下默认选择的视图便是 /Views/Home/Index.cshtml。

       这一约定是可以重写的,如果想让 Index 操作方法渲染一个不同的视图,可以向其提供一个不同的视图名称:(仍会在 Home 文件夹中寻找指定视图)

return View("NotIndex");

       另外,在一些应用中,还可能需要指定完全位于不同目录结构中的视图,针对这种情况,可以使用带有“~”符号的语法提供视图的完整路径:

return View("~/Views/Example/Index.cshtml");

       注意,为了在查找视图时避开视图引擎的内部查找机制,使用这种语法时,必须提供视图的文件扩展名

ViewData 和 ViewBag

       从技术角度讲,数据从控制器传送到视图是通过一个名为 ViewData 的 ViewDataDictionary(这是一个特殊的字典类)。可以使用标准的字典语法设置或读取其中的值:

ViewData["CurrentTime"] = DateTime.Now;

       但现在有了更简单的语法,它利用了 C# 4.0 的 dynamic 字段。ViewBag 是 ViewData 的动态封装器,这样我们就可以使用下面的语法:

ViewBag.CurrentTime = DateTime.Now;

       因此,ViewBag.CurrentTime 等同于 ViewData["CurrentTime"] 。两者之间并不存在真正的技术差异,ViewBag 只是更受欢迎的语法而已

       但二者之间的一些关键差异还是需要知道的:

  1. 当要访问的关键字是一个有效的 C# 标识符,ViewBag 才起作用。如果在 ViewData["Key With Spaces"] 中存放一个值,ViewBag 根本无法使用,因为根本不能通过编译!
  2. 动态值不能作为一个参数传递给扩展方法,C# 编译器为了选择正确的扩展方法,在编译时必需知道每一个参数的真正类型。如果其中任何一个参数是动态的,那么就不会通过编译,例如,@Html.TextBox("name",ViewBag.Name); 要使这行代码通过编译,有 2 种办法,第一是使用 ViewData["Name"],第二是转换为具体类型 (string)ViewBag.Name。

强类型视图

       假设需要编写一个显示 Album 实例列表的视图,一种简单方法就是通过 ViewBag 属性把那些 Album 实例添加到视图数据字典中,然后再视图中迭代它们。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

       注意,枚举之前需要将动态的 ViewBag.Albums 转换为 IEnumerable<Album>类型。

       为了使视图代码干净整洁,这里也可以使用 dynamic 关键字,但是当访问每个 Album 对象的属性时,就失去了智能感知功能。

 
 
 
 
 
 

       如果既能获得 dynamic 下的简洁语法,又能获得强类型和编译时检查的好处(比如正确的输入属性和方法名称)就完美了,可喜的是,强类型的视图可以做到这一点。

       另外,ViewData 是 ViewDataDictionary 类型的,而不仅是一个通用的  Dictionary。之所以这样,是因为它有一个额外的 Model 属性,可以用来在视图中获取指定的模型对象,ViewData 中只能包含一个模型对象

 
 
 
 
 
 
 
 
 

       后台首先会把传给 View 方法的值赋给 ViewData.Model 属性,然后告知视图哪种类型的模型正在使用 @model 声明。注意,这里需要输入模型类型的完全限定类型名:

 
 
 
 
 
 
 

       如果不想输入模型的完全限定类型名,可使用 @using 关键字声明:

 
 
 
 
 
 
 
 

视图模型

       视图通常要显示各种没有直接映射到域模型的数据。例如,有时需要显示商品附带的其他信息,比如当前登录系统的用户名、该用户是否有权限编辑商品等。把与视图主模型无关的数据存放在 ViewBag 属性中,可以很容易实现这些数据在视图中的显示,也是一个灵活的方法。

       但这并不适用于每个人。如果要严格控制流入视图的数据,就必须使所有数据都是强类型数据,以便视图编写人员能够利用智能感知功能。可能采用的方式是编写自定义的视图模型类,这个模型仅限于向视图提供信息的模型。(这里说的视图模型不是 Model View ViewModel,MVVM 模式中的视图模型概念)

       例如,如果需要一个购物车汇总页面,用来显示商品列表、商品总金额、显示给用户的消息,就可以创建 ShoppingCartSummaryViewModel 类,如下所示:

public class ShoppingCartSummaryViewModel
{
public IEnumerable
Products { get; set; }
public decimal CartTotal { get; set; }
public string Message { get; set; }
}

       然后可以使用 @model 指令,将这个模型强制性的输入到一个视图:

@model ShoppingCartSummaryViewModel

       这就在不需要改变 Model 类的情况下带来了强类型视图的益处,其中包括类型检查、智能感知以及免于转换无类型的 ViewDataDictionary 对象。

添加视图

       在 HomeController 中添加一个 Edit 操作方法,右击操作方法添加一个视图:

public ActionResult Edit()
{
return View();
}

       创建为分部视图时,意味着要创建的视图不是一个完整的视图,因此,Layout 选项是不可用的。

       使用布局页,对于 Razor 视图引擎来说,如果使用默认布局,就没必要指定了,因为在 _ViewStart.cshtml 中已经指定了布局。这个选项是用来重写默认布局文件的。

转载地址:http://hfhao.baihongyu.com/

你可能感兴趣的文章
SQL Server 备份的 8 种方法。
查看>>
SQL Server 从数据库快照还原数据库
查看>>
$(document).keydown
查看>>
对Java、C#转学swift的提醒:学习swift首先要突破心理障碍。
查看>>
面向对象 2017-4-15
查看>>
java项目导出war包
查看>>
算法第三章实践报告
查看>>
linux应用之Mongodb的安装及配置(centos)
查看>>
Python 面向对象 --- eval 函数
查看>>
PHP的错误和异常处理
查看>>
eclipse svn快捷键
查看>>
两天快速开发一个自己的微信小程序
查看>>
z-index兼容问题:关于ie6/7下的z-index
查看>>
GOLANG SDK下载
查看>>
前端 JS POST提交
查看>>
SQL SERVER 事务处理通用模板
查看>>
js 多选选择删除数据
查看>>
如何创建一个完整的CRM工程
查看>>
学习内容
查看>>
[C#].Net Core下全局自定义身份过滤器使用AllowAnonymous属性
查看>>