第 1 天
創(chuàng)新互聯(lián)建站-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比巍山網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式巍山網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋巍山地區(qū)。費(fèi)用合理售后完善，十年實(shí)體公司更值得信賴。
第 2 天
第 3 天
第 4 天
第 5 天
第 6 天
第 7 天
歡迎來(lái)到第五天的學(xué)習(xí)。希望第一天到第四天的學(xué)習(xí)，你都是開(kāi)心的。
在這個(gè)實(shí)驗(yàn)中，我們將會(huì)向 Employee 頁(yè)面添加 Footer。本次實(shí)驗(yàn)的目標(biāo)是理解分部視圖(Partial Views)。
什么是「Partial Views」？
邏輯上講，分部視圖(Partial Views) 是一個(gè)可重用的視圖，它不會(huì)被直接顯示。它會(huì)被其它視圖所包含，然后作為該視圖的一部分來(lái)顯示。它類(lèi)似于 ASP.NET Web Forms 中的用戶控件，但是沒(méi)有后臺(tái)代碼。
第一步：為 Partial View 創(chuàng)建 ViewModel
右擊 ViewModel 文件夾，然后創(chuàng)建一個(gè)類(lèi)，命名為 FooterViewModel。
重慶分公司
重慶分公司
public class FooterViewModel{ public string CompanyName { get; set; } public string Year { get; set; }}第二步：創(chuàng)建 Partial View
右擊「~/Views/Shared」文件夾，選擇 Add -> View。
設(shè)置視圖的名稱為 Footer。選中「Create as a partial view」復(fù)選框，然后點(diǎn)擊「Add」。
注意：我們已經(jīng)在第一天的學(xué)習(xí)中談?wù)摿?Shared 文件夾。Shared 文件夾包含了視圖，這些視圖不會(huì)屬于一個(gè)特定的控制器。在 Shared 文件夾下的視圖適用于所有控制器。
第三步：在 Partial View 中顯示數(shù)據(jù)
打開(kāi) Footer.cshtml，然后放置如下代碼。
@usingWebApplication1.ViewModels
@modelFooterViewModel
@Model.CompanyName©@Model.Year
第四步：在 Main ViewModel 中包含 Footer 數(shù)據(jù)
打開(kāi) EmployeeListViewModel 類(lèi)，然后增加一個(gè)新的屬性來(lái)承載 Footer 數(shù)據(jù)。
publicclassEmployeeListViewModel
{
publicList
publicstringUserName{get;set;}
publicFooterViewModelFooterData{get;set;}//New Property
}
在我們的例子中，F(xiàn)ooter 視圖將會(huì)作為 Index 視圖的一部分展示。
我們將會(huì)在 Index 視圖中向 Footer 傳輸必要數(shù)據(jù)。
Index 視圖是一個(gè) EmployeeListViewModel 的強(qiáng)類(lèi)型視圖，因此 Footer 中需要的數(shù)據(jù)都應(yīng)該被封裝在 EmployeeListViewModel 類(lèi)中。
第五步：設(shè)置 Footer 數(shù)據(jù)
打開(kāi) EmployeeController，然后在 Index 行為方法中設(shè)定 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
打開(kāi) Index.cshtml 文件，然后在 Table 標(biāo)簽后展示 Footer 視圖。
@{ Html.RenderPartial("Footer", Model.FooterData); }