分享ASP.NET學習筆記（3）WebPages 佈局-C#.Net教程-PHP中文網

首頁

後端開發

C#.Net教程

分享ASP.NET學習筆記（3）WebPages 佈局

零下一度

May 24, 2017 pm 05:57 PM

透過 Web Pages ，建立一個佈局一致的網站是很容易的事。

一致的外觀

在網際網路上，您會發現很過網站都有一致的外觀和風格：

每個頁面都有相同的頭部

每個頁面有相同的底部

每個頁面有相同的樣式和佈局

#透過Web Pages ，您能非常有效率地做到這一點。您可以把重複使用的內容區塊（例如頁面頭部和底部）寫在一個單獨的檔案中。

您也可以使用佈局範本（佈局檔案）為網站的所有網頁定義一致的佈局。

Content Blocks（內容區塊）

許多網站都有一些內容是被顯示在網站的每個頁面中（例如頁面頭部和底部）。

透過 Web Pages，您可以使用 @RenderPage() 方法從不同的檔案匯入內容。

內容區塊（來自另一個檔案）能被導入網頁中的任何地方。內容區塊可以包含文本，標記和程式碼，就像任何普通的網頁一樣。

將共同的頭部和底部寫成單獨的文件，這會幫您節省大量的工作。您不必在每個頁面中書寫相同的內容，當內容有變動時，您只要修改頭部或底部文件，就可以看到網站中的每個頁面的相應內容都已更新。

以下顯示了它在程式碼中是如何呈現的：

實例

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

Layout Page（佈局頁）

在上一部分，您看到了，想在多個網頁中顯示相同內容是非常容易的。

另一種建立一致外觀的方法是使用佈局頁。一個版面頁包含了網頁的結構，而不是內容。當一個網頁（內容頁）連結到佈局頁，它會根據佈局頁（模板）的結構進行顯示。

佈局頁中使用 @RenderBody() 方法嵌入內容頁，除此之外，它與一個正常的網頁沒有什麼差別。

每個內容頁都必須以佈局指令開始。

以下顯示了它在程式碼中是如何呈現的：

佈局頁：

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

任何網頁：

@{Layout="Layout.cshtml";}<h1 id="Welcome-nbsp-to-nbsp-W-CSchool-cc">Welcome to W3CSchool.cc</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>

D.R.Y. - Don't Repeat Yourself（不要自我重複）

透過Content Blocks（內容區塊）和Layout Pages（佈局頁）這兩個ASP.NET 工具，您可以讓您的Web 應用程式顯示一致的外觀。

這兩個工具能幫您節省大量的工作，您不必再在每個頁面上重複相同的資訊。集中的標記、樣式和程式碼讓您的 Web 應用程式更易於管理，更易於維護。

防止檔案被瀏覽

在 ASP.NET 中，檔案的名稱會劃線開頭，可以防止這些檔案在網路上被瀏覽。

如果您不想讓您的內容區塊或佈局頁被您的使用者看到，可以重新命名這些檔案：

_header.cshtm

_footer.cshtml

_Layout.cshtml

隱藏敏感資訊

在ASP.NET 中，隱藏敏感資訊（資料庫密碼、電子郵件密碼等等）最通用的方法就是將這些資訊儲存在一個名為"_AppStart"的單獨的檔案中。

_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";}

【相關推薦】

1. ASP.NET免費影片教學

2. 分享ASP.NET學習筆記（1 )--WebPages Razor

3. 分享ASP.NET學習筆記（2）--WebPages 介紹

4. ASP.NET的簡單定義與介紹

以上是分享ASP.NET學習筆記（3）WebPages 佈局的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

C＃作為多功能.NET語言：應用程序和示例Apr 26, 2025 am 12:26 AM

C#在企業級應用、遊戲開發、移動應用和Web開發中均有廣泛應用。 1)在企業級應用中，C#常用於ASP.NETCore開發WebAPI。 2)在遊戲開發中，C#與Unity引擎結合，實現角色控制等功能。 3)C#支持多態性和異步編程，提高代碼靈活性和應用性能。

C＃.NET用於網絡，桌面和移動開發Apr 25, 2025 am 12:01 AM

C#和.NET適用於Web、桌面和移動開發。 1)在Web開發中，ASP.NETCore支持跨平台開發。 2)桌面開發使用WPF和WinForms，適用於不同需求。 3)移動開發通過Xamarin實現跨平台應用。

C＃.NET生態系統：框架，庫和工具Apr 24, 2025 am 12:02 AM

C#.NET生態系統提供了豐富的框架和庫，幫助開發者高效構建應用。 1.ASP.NETCore用於構建高性能Web應用，2.EntityFrameworkCore用於數據庫操作。通過理解這些工具的使用和最佳實踐，開發者可以提高應用的質量和性能。

將C＃.NET應用程序部署到Azure/AWS：逐步指南Apr 23, 2025 am 12:06 AM

如何將C#.NET應用部署到Azure或AWS？答案是使用AzureAppService和AWSElasticBeanstalk。 1.在Azure上，使用AzureAppService和AzurePipelines自動化部署。 2.在AWS上，使用AmazonElasticBeanstalk和AWSLambda實現部署和無服務器計算。

C＃.NET：強大的編程語言簡介Apr 22, 2025 am 12:04 AM

C#和.NET的結合為開發者提供了強大的編程環境。 1）C#支持多態性和異步編程，2）.NET提供跨平台能力和並發處理機制，這使得它們在桌面、Web和移動應用開發中廣泛應用。

.NET框架與C＃：解碼術語Apr 21, 2025 am 12:05 AM

.NETFramework是一個軟件框架，C#是一種編程語言。 1..NETFramework提供庫和服務，支持桌面、Web和移動應用開發。 2.C#設計用於.NETFramework，支持現代編程功能。 3..NETFramework通過CLR管理代碼執行，C#代碼編譯成IL後由CLR運行。 4.使用.NETFramework可快速開發應用，C#提供如LINQ的高級功能。 5.常見錯誤包括類型轉換和異步編程死鎖，調試需用VisualStudio工具。