iT邦幫忙

2024 iThome 鐵人賽

DAY 13
0
佛心分享-IT 人自學之術

ASP.NET Core 30日成長路系列 第 13

Day13:了解何謂Layout布局檔

  • 分享至 

  • xImage
  •  

了解何謂Layout布局檔


不知道大家在寫MVC網頁的時候有沒有想過,到底在網頁上我們所看到的頁首、頁尾、導覽列是從哪裡來的呢?而這些東西就是源自於View所套用的Layout佈局檔,並且在MVC架構中會自動套用佈局檔。
如下例:

@
{
	Layout=”_Layout.cshtml”;
}

一般來說我們所在網頁上看到的畫面會是由兩個檔案所組成的:
一是View(網頁樣板),二是Layout佈局檔(網頁骨架),這兩個檔案並在一起就成了我們所看到的完整HTML輸出。

而在View的使用方法中,每個View都可以指定不同的Layout佈局檔,若要為特定的資料夾指定Layout佈局檔可在資料夾底下建立一個_ViewStart.cshtml,該資料夾就會自動套用該佈局檔。

若要將View帶入到佈局檔中則需要靠@RenderBody(),就可以將內容合併其中。

最後再來介紹兩種套用佈局檔的語法~
1.單個頁面套用
路徑 Views/Employees/Index.cshtml

@model IEnumerable<Employee>
@{
	ViewData[“Title”] = “Index”;
Layout = “~/Views/Shared/_LayoutEmployee.cshtml”;
}

2.在特定資料夾下新增套用
路徑 Views/Employees/_ViewStart.cshtml

@{
Layout = “~/Views/Shared/_LayoutEmployee.cshtml”;
}

那麼以上就是今天的分享啦~
明天見啦~See YA(。•̀ᴗ-)


上一篇
Day12:如何使用Scaffolding建立CRUD表單
下一篇
Day14:Action Result的結果類型(上)
系列文
ASP.NET Core 30日成長路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言