7天玩转ASP.NETMVC—第5天

第 1 天
创新互联建站-专业网站定制、快速模板网站建设、高性价比巍山网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式巍山网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖巍山地区。费用合理售后完善，十年实体公司更值得信赖。
第 2 天
第 3 天
第 4 天
第 5 天
第 6 天
第 7 天

0. 前言

欢迎来到第五天的学习。希望第一天到第四天的学习，你都是开心的。

1. Lab 22 — 增加 Footer

在这个实验中，我们将会向 Employee 页面添加 Footer。本次实验的目标是理解分部视图(Partial Views)。

什么是「Partial Views」？

逻辑上讲，分部视图(Partial Views) 是一个可重用的视图，它不会被直接显示。它会被其它视图所包含，然后作为该视图的一部分来显示。它类似于 ASP.NET Web Forms 中的用户控件，但是没有后台代码。

第一步：为 Partial View 创建 ViewModel

右击 ViewModel 文件夹，然后创建一个类，命名为 FooterViewModel。

public class FooterViewModel{   public string CompanyName { get; set; }   public string Year { get; set; }}

第二步：创建 Partial View

右击「~/Views/Shared」文件夹，选择 Add -> View。

7 天玩转 ASP.NET MVC — 第 5 天

设置视图的名称为 Footer。选中「Create as a partial view」复选框，然后点击「Add」。

注意：我们已经在第一天的学习中谈论了 Shared 文件夹。Shared 文件夹包含了视图，这些视图不会属于一个特定的控制器。在 Shared 文件夹下的视图适用于所有控制器。

第三步：在 Partial View 中显示数据

打开 Footer.cshtml，然后放置如下代码。

@usingWebApplication1.ViewModels
@modelFooterViewModel
@Model.CompanyName©@Model.Year

第四步：在 Main ViewModel 中包含 Footer 数据

打开 EmployeeListViewModel 类，然后增加一个新的属性来承载 Footer 数据。

publicclassEmployeeListViewModel
{
publicListEmployees{get;set;}
publicstringUserName{get;set;}
publicFooterViewModelFooterData{get;set;}//New Property
}

在我们的例子中，Footer 视图将会作为 Index 视图的一部分展示。

我们将会在 Index 视图中向 Footer 传输必要数据。

Index 视图是一个 EmployeeListViewModel 的强类型视图，因此 Footer 中需要的数据都应该被封装在 EmployeeListViewModel 类中。

第五步：设置 Footer 数据

打开 EmployeeController，然后在 Index 行为方法中设定 FooterData 属性值。

public ActionResult Index(){   ...   ...    employeeListViewModel.FooterData = new FooterViewModel();    employeeListViewModel.FooterData.CompanyName = "StepByStepSchools";//Can be set to dynamic value    employeeListViewModel.FooterData.Year = DateTime.Now.Year.ToString();    return View("Index", employeeListViewModel);}

第六步：展示 Footer

打开 Index.cshtml 文件，然后在 Table 标签后展示 Footer 视图。

        @{            Html.RenderPartial("Footer", Model.FooterData);        }

Lab 22 的 Q&A

它类似于 Html.RenderPartial，Html.Partial 用于在视图中展示 Partial View。

Html.RenderPartial 将会把 Partial View 的结果写入 HTTP 响应流中，而 Html.Partial 将会以 MvcHtmlString 的格式返回结果。

什么是 MvcHtmlString，为什么 Html.Partial 返回的是 MvcHtmlString，而不是字符串？

MSDN 的定义是「MvcHtmlString 代表一个 HTML 编码的字符串，这种字符串不应该再次编码」。

正如你所看见的，Razor 展示了所有的内容。可能许多人会以为将输出加粗的字符串，但是 Razor Html 在展示之前对内容进行了编码，这就是为什么我们获得的是纯内容，而不是加粗的字符串。

当我们不想用 Razor 编码时，我们可以使用 MvcHtmlString。MvcHtmlString 是 Razor 的一种表示，即「字符串已经编码了，不再需要额外编码」。

为什么 Html.Partial 返回的是 MvcHtmlString，而不是字符串呢？

我们已经理解了「Razor 将会编码字符串，但是不会对 MvcHtmlString 编码」这一事实。如果 Partial View 内容被认为是像它展示的那样的纯字符串，便没有意义。我们希望它被当成是一个 HTML 内容，这样我们就需要停止 Razor 编码，因此 Partial 方法被设计为返回 MvcHtmlString。

当我们想在展示之前改变 Partial View 返回的结果，推荐使用 Html.Partial。

因为 Partial View 意味着可以重复利用的资源，因此放置它们的地点是 Shared 文件夹下。