ASP.NET Web Pages - w3schools note - Layout

#w3school asp.net layouts 學習筆記

離開井底後嚇到的 IT 空友 2024-03-22 16:27:16 ‧ 325 瀏覽

分享至

Layout

@RenderPage()
可以使用這個方法匯入要導入的內容，以讓我們不用每次都要寫一樣的內容
而這一個方法最常見的例子就是在頁首及頁尾
只要更新一次，所有有被導入頁首和頁尾的頁面都會一同被更新
如下：

<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html>

在撰寫 Layout 頁面的程式碼中，主要為網頁的結構而非內容
當設定該頁面的 Layout 後，就會根據 Layout 的頁面的結構來呈現網頁

Layout Page:

<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>&copy; 2014 W3Schools. All rights reserved.</p>
</body>
</html>

Any Web Page:

@{Layout="Layout.cshtml";}
  
<h1>Welcome to W3Schools</h1>

<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor incididunt
utlabore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laborisnisi ut aliquip ex ea commodo consequat.
</p>

最後內容則會像這樣：
This is header text

Welcome to W3Schools

Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamco laborisnisi ut aliquip ex ea commodo consequat. Duis aute irure dolor inreprehenderit in voluptate velit esse cillum dolore eu fugiat nullapariatur. Excepteur sint occaecat cupidatat non proident, sunt inculpa qui officia deserunt mollit anim id est laborum.

中間那一大段文字(Welcome...到 laborum)就是Any Web Page當中的

筆記來源：ASP.NET Web Pages - Page Layout