分享ASP.NET學習筆記（3）WebPages 佈局
透過 Web Pages ，建立一個佈局一致的網站是很容易的事。
一致的外觀
在網際網路上，您會發現很過網站都有一致的外觀和風格：
每個頁面都有相同的頭部
每個頁面有相同的底部
每個頁面有相同的樣式和佈局
#透過Web Pages ，您能非常有效率地做到這一點。您可以把重複使用的內容區塊（例如頁面頭部和底部）寫在一個單獨的檔案中。
您也可以使用佈局範本（佈局檔案）為網站的所有網頁定義一致的佈局。
Content Blocks（內容區塊）
許多網站都有一些內容是被顯示在網站的每個頁面中（例如頁面頭部和底部）。
透過 Web Pages，您可以使用 @RenderPage() 方法從不同的檔案匯入內容。
內容區塊（來自另一個檔案）能被導入網頁中的任何地方。內容區塊可以包含文本，標記和程式碼，就像任何普通的網頁一樣。
將共同的頭部和底部寫成單獨的文件，這會幫您節省大量的工作。您不必在每個頁面中書寫相同的內容，當內容有變動時，您只要修改頭部或底部文件，就可以看到網站中的每個頁面的相應內容都已更新。
以下顯示了它在程式碼中是如何呈現的：
實例
<html>
<body>
@RenderPage("header.cshtml")
<h1>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>© 2012 W3CSchool. All rights reserved.</p> </body> </html>
任何網頁：
@{Layout="Layout.cshtml";}<h1>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";}【相關推薦】
2. 分享ASP.NET學習筆記（1 )--WebPages Razor
3. 分享ASP.NET學習筆記（2）--WebPages 介紹
#以上是分享ASP.NET學習筆記（3）WebPages 佈局的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
Windows 11: 匯入和匯出開始佈局的簡單方法
Aug 22, 2023 am 10:13 AM
在Windows11中，「開始」功能表經過重新設計，並具有一組簡化的應用，這些應用程式排列在頁面網格中，這與它的前身不同，後者在「開始」功能表上有資料夾、應用程式和組。您可以自訂「開始」功能表佈局，並將其匯入並匯出至其他Windows設備，以根據您的喜好進行個人化設定。在本指南中，我們將討論在Windows11上匯入開始佈局以自訂預設佈局的逐步說明。什麼是Windows11中的Import-StartLayout？導入開始佈局是Windows10和更早版本中使用的cmdlet，用於將「開始」功能表的自定
如何在 Windows 11 中儲存桌面圖示位置佈局
Aug 23, 2023 pm 09:53 PM
Windows11在使用者體驗方面帶來了很多東西，但迭代並不完全防錯。使用者不時會遇到問題，圖示定位的變更很常見。那麼如何在Windows11中保存桌面佈局呢？該任務有內建和第三方解決方案，無論是保存當前視窗的螢幕解析度還是桌面圖示的排列。對於桌面上有一堆圖示的使用者來說，這一點變得更加重要。繼續閱讀以了解如何在Windows11中儲存桌面圖示位置。為什麼Windows11不儲存圖示佈局位置？以下是Windows11不保存桌面圖示佈局的主要原因：對顯示設定的變更：通常，當您修改顯示設定時，配置的自訂
WordPress網頁錯位現象解決攻略
Mar 05, 2024 pm 01:12 PM
WordPress網頁錯位現象解決攻略在WordPress網站開發中，有時候我們會遇到網頁元素錯位的情況，這可能是由於不同裝置上的螢幕尺寸、瀏覽器相容性或CSS樣式設定不當所致。要解決這種錯位現象，我們需要仔細分析問題、找出可能的原因，並逐步進行除錯和修復。本文將分享一些常見的WordPress網頁錯位問題以及對應的解決攻略，同時提供具體的程式碼範例，幫助開
如何使用HTML和CSS建立響應式輪播圖佈局
Oct 20, 2023 pm 04:24 PM
如何使用HTML和CSS建立一個響應式輪播圖佈局在現代的網頁設計中，輪播圖是一個常見的元素。它能夠吸引用戶的注意力，展示多個內容或圖片，並且能夠自動切換。在本文中，我們將介紹如何使用HTML和CSS建立一個響應式的輪播圖佈局。首先，我們需要建立一個基本的HTML結構，並且加入所需的CSS樣式。以下是一個簡單的HTML結構：<!DOCTYPEhtml&g
介紹win7裡的視窗排列方式
Dec 26, 2023 pm 04:37 PM
當我們同時開啟多個視窗時，win7具有將多個視窗以不同方式排列然後同時顯示的功能，能夠讓我們更清晰地查看到每個視窗的內容。那麼win7窗口排列方式有幾種呢，他們分別都是什麼樣的呢，下面就跟著小編一起來看一下吧。 win7視窗排列方式有幾種答案：三種，分別是層疊視窗、堆疊顯示視窗和並排顯示視窗。當我們開啟多個視窗時，可以右鍵點擊任務欄空白處。就可以看到三種視窗排列方式了。一、層疊視窗：二、堆疊顯示視窗：三、並排顯示視窗：
CSS中contain的語法使用場景
Feb 21, 2024 pm 02:00 PM
CSS中contain的語法使用場景在CSS中，contain是一個有用的屬性，用於指定元素的內容是否獨立於其外部樣式和佈局。它可以幫助開發者更好地控制頁面佈局和優化效能。本文將介紹contain屬性的語法使用場景，並提供具體的程式碼範例。 contain屬性的語法如下：contain:layout|paint|size|style|'none'|'stric
H5中position屬性的靈活運用技巧
Dec 27, 2023 pm 01:05 PM
H5中如何靈活運用position屬性在H5開發中，常會涉及到元素的定位和佈局問題。這時候，CSS的position屬性就會發揮作用。 position屬性可以控制元素在頁面中的定位方式，包括相對定位（relative）、絕對定位（absolute）、固定定位（fixed）和黏附定位（sticky）。本文將詳細介紹在H5開發中如何靈活運用position屬性
如何使用HTML和CSS建立響應式圖片畫廊展示佈局
Oct 18, 2023 am 09:40 AM
如何使用HTML和CSS創建一個響應式圖片畫廊展示佈局在當今互聯網時代，圖片畫廊展示是網頁設計中常見的佈局，可以展示各類圖片和圖像作品。為了讓使用者在不同裝置上獲得良好的瀏覽體驗，響應式設計變得越來越重要。本文將介紹如何使用HTML和CSS建立響應式圖片圖庫展示佈局，並提供具體的程式碼範例。步驟1：建立基本的HTML結構首先，我們需要建立一個基本的HTM
