ASP.NET Web Pages - 頁(yè)面布局
通過(guò) Web Pages，很容易創(chuàng)建布局一致的網(wǎng)站。
一致的外觀
在因特網(wǎng)上，您會(huì)發(fā)現(xiàn)很多擁有統(tǒng)一外觀的網(wǎng)站：
- 每頁(yè)擁有相同的頁(yè)眉
- 每頁(yè)擁有相同的頁(yè)腳
- 每頁(yè)擁有相同的樣式和布局
通過(guò) Web Pages，可以高效地實(shí)現(xiàn)這些。您可以得到可重復(fù)使用的代碼塊（內(nèi)容塊），比如頁(yè)眉和頁(yè)腳，在獨(dú)立的文件中。
您也可以為所有頁(yè)面定義一致的布局，使用布局模板（布局文件）。
內(nèi)容塊
很多網(wǎng)站都有需要在每張頁(yè)面上顯示的內(nèi)容（比如頁(yè)眉和頁(yè)腳）。
通過(guò) Web Pages，您可以使用 @RenderPage() 方法從不同的文件導(dǎo)入內(nèi)容。
內(nèi)容塊（來(lái)自另一個(gè)文件）能夠被輸入網(wǎng)頁(yè)中的任意位置，并可包含文本、標(biāo)記和代碼，就像任何常規(guī)的網(wǎng)頁(yè)那樣。
使用通用的頁(yè)眉和頁(yè)腳，會(huì)省去大量的工作。您不必在每頁(yè)中編寫相同的內(nèi)容，并且當(dāng)您改變頁(yè)眉或頁(yè)腳文件時(shí)，內(nèi)容會(huì)在所有頁(yè)面中更新。
在代碼中是這樣的：
實(shí)例
<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html>
運(yùn)行實(shí)例
使用布局頁(yè)面
在之前的內(nèi)容中，您已看到在多個(gè)網(wǎng)頁(yè)中引用相同的內(nèi)容是很簡(jiǎn)單的。
創(chuàng)建一致外觀的另一種方法是使用布局網(wǎng)頁(yè)。布局網(wǎng)頁(yè)包含網(wǎng)頁(yè)的結(jié)構(gòu)，而不是內(nèi)容。當(dāng)網(wǎng)頁(yè)（內(nèi)容頁(yè)）鏈接到布局頁(yè)時(shí)，它會(huì)根據(jù)布局頁(yè)（模板）來(lái)顯示。
布局頁(yè)類似普通的網(wǎng)頁(yè)，但是會(huì)在引用內(nèi)容頁(yè)的位置調(diào)用 @RenderBody() 方法。
每個(gè)內(nèi)容頁(yè)必須以 Layout 指令開(kāi)頭。
在代碼中是這樣的：
布局網(wǎng)頁(yè)：
<html> <body> <p>This is header text</p> @RenderBody() <p>© 2012 W3School. All rights reserved.</p> </body> </html>
任意網(wǎng)頁(yè)：
@{Layout="Layout.cshtml";}
<h1>Welcome to W3Schools</h1>
<p>
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.
</p>
運(yùn)行實(shí)例
不要重復(fù)自己
通過(guò)兩個(gè) ASP.NET 工具，內(nèi)容塊和布局頁(yè)，您能夠?yàn)?web 應(yīng)用程序設(shè)定一致的外觀。
這些工具會(huì)為您省去大量的工作，因?yàn)槟槐卦谒许?yè)面上重復(fù)相同的信息。將標(biāo)記、樣式和代碼集中起來(lái)，使得 web 應(yīng)用程序更便于管理和維護(hù)。
防止代碼泄露
在 ASP.NET 中，名稱以下劃線開(kāi)頭的文件無(wú)法通過(guò) web 來(lái)瀏覽。
如果您希望禁止用戶查看內(nèi)容塊或布局文件，請(qǐng)對(duì)文件重新命名：
- _header.cshtm
- _footer.cshtml
- _Layout.cshtml
隱藏敏感信息
在 ASP.NET 中，隱藏敏感信息（數(shù)據(jù)庫(kù)密碼、電郵密碼等）的常用方法是把這些信息保存在名為 "_AppStart" 的獨(dú)立文件中。
_AppStart.cshtml
@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "username@example.com";
WebMail.Password = "your-password";
WebMail.From = "your-name-here@example.com";
}