分享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
H5中position属性的灵活运用技巧
Dec 27, 2023 pm 01:05 PM
H5中如何灵活运用position属性在H5开发中，经常会涉及到元素的定位和布局问题。这时候，CSS的position属性就会发挥作用。position属性可以控制元素在页面中的定位方式，包括相对定位（relative）、绝对定位（absolute）、固定定位（fixed）和粘附定位（sticky）。本文将详细介绍在H5开发中如何灵活运用position属性
介绍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
Windows 11 不断添加键盘布局：4 种经过测试的解决方案
Dec 14, 2023 pm 05:49 PM
对于某些用户来说，Windows11会不断添加新的键盘布局，即使他们没有接受或确认更改。WindowsReport软件团队复制了此问题，并且知道如何防止Windows11在您的PC上添加新的键盘布局。为什么Windows11要自行添加键盘布局？这通常发生在使用非母语和键盘组合时。例如，如果您使用的是美国显示语言和法语键盘布局，Windows11可能还会添加英语键盘。如果Windows11添加了您不想要的新键盘布局，该怎么办。如何防止Windows11添加键盘布局？1.删除不需要的键盘布局单击“开
