溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

ASP.NET 中WebPages 布局是什么

發(fā)布時(shí)間:2020-07-16 15:34:18 來源:億速云 閱讀:105 作者:Leah 欄目:編程語(yǔ)言

ASP.NET 中WebPages 布局是什么?很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。

  通過 Web Pages ,創(chuàng)建一個(gè)布局一致的網(wǎng)站是很容易的事。

一致的外觀

在因特網(wǎng)上,您會(huì)發(fā)現(xiàn)很過網(wǎng)站都具有一致的外觀和風(fēng)格:

每個(gè)頁(yè)面有相同的頭部

每個(gè)頁(yè)面有相同的底部

每個(gè)頁(yè)面有相同的樣式和布局

通過 Web Pages ,您能非常高效地做到這點(diǎn)。您可以把重復(fù)使用的內(nèi)容塊(比如頁(yè)面頭部和底部)寫在一個(gè)單獨(dú)的文件中。

您還可以使用布局模板(布局文件)為站點(diǎn)的所有網(wǎng)頁(yè)定義一致的布局。

Content Blocks(內(nèi)容塊)

許多網(wǎng)站都有一些內(nèi)容是被顯示在站點(diǎn)的每個(gè)頁(yè)面中(比如頁(yè)面頭部和底部)。

通過 Web Pages,您可以使用 @RenderPage() 方法從不同的文件導(dǎo)入內(nèi)容。

內(nèi)容塊(來自另一個(gè)文件)能被導(dǎo)入網(wǎng)頁(yè)中的任何地方。內(nèi)容塊可以包含文本,標(biāo)記和代碼,就像任何普通的網(wǎng)頁(yè)一樣。

將共同的頭部和底部寫成單獨(dú)的文件,這樣會(huì)幫您節(jié)省大量的工作。您不必在每個(gè)頁(yè)面中書寫相同的內(nèi)容,當(dāng)內(nèi)容有變動(dòng)時(shí),您只要修改頭部或者底部文件,就可以看到站點(diǎn)中的每個(gè)頁(yè)面的相應(yīng)內(nèi)容都已更新。

以下顯示了它在代碼中是如何呈現(xiàn)的:

實(shí)例

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

Layout Page(布局頁(yè))

在上一部分,您看到了,想在多個(gè)網(wǎng)頁(yè)中顯示相同內(nèi)容是非常容易的。

另一種創(chuàng)建一致外觀的方法是使用布局頁(yè)。一個(gè)布局頁(yè)包含了網(wǎng)頁(yè)的結(jié)構(gòu),而不是內(nèi)容。當(dāng)一個(gè)網(wǎng)頁(yè)(內(nèi)容頁(yè))鏈接到布局頁(yè),它會(huì)根據(jù)布局頁(yè)(模板)的結(jié)構(gòu)進(jìn)行顯示。

布局頁(yè)中使用 @RenderBody() 方法嵌入內(nèi)容頁(yè),除此之外,它與一個(gè)正常的網(wǎng)頁(yè)沒有什么差別。

每個(gè)內(nèi)容頁(yè)都必須以布局指令開始。

以下顯示了它在代碼中是如何呈現(xiàn)的:

布局頁(yè):

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

任何網(wǎng)頁(yè):

@{Layout="Layout.cshtml";}<h2>Welcome to W3CSchool.cc</h2><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>

D.R.Y. - Don't Repeat Yourself(不要自我重復(fù))

通過 Content Blocks(內(nèi)容塊)和 Layout Pages(布局頁(yè))這兩個(gè) ASP.NET 工具,您可以讓您的 Web 應(yīng)用程序顯示一致的外觀。

這兩個(gè)工具能幫您節(jié)省大量的工作,您不必再每個(gè)頁(yè)面上重復(fù)相同的信息。集中的標(biāo)記、樣式和代碼讓您的 Web 應(yīng)用程序更易于管理,更易于維護(hù)。

防止文件被瀏覽

在 ASP.NET 中,文件的名稱以下劃線開頭,可以防止這些文件在網(wǎng)上被瀏覽。

如果您不想讓您的內(nèi)容塊或者布局頁(yè)被您的用戶看到,可以重命名這些文件:

_header.cshtm

_footer.cshtml

_Layout.cshtml

隱藏敏感信息

在 ASP.NET 中,隱藏敏感信息(數(shù)據(jù)庫(kù)密碼、電子郵件密碼等等)最通用的方法是將這些信息保存在一個(gè)名為"_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";}

看完上述內(nèi)容是否對(duì)您有幫助呢?如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章,請(qǐng)關(guān)注億速云行業(yè)資訊頻道,感謝您對(duì)億速云的支持。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI