Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

ASP.NET 网页 - 页面布局


使用网页,您可以轻松创建具有统一布局的网站。


一致的外观

在互联网上,您会发现许多具有统一外观和感觉的网站。

  • 每个页面都有相同的页眉
  • 每个页面都有相同的页脚
  • 每个页面都有相同的样式和布局

使用网页,可以非常有效地做到这一点。您可以将可重复使用的内容块(内容块),如页眉和页脚,放在单独的文件中。

您还可以使用布局模板(布局文件)为所有页面定义统一的布局。


内容块

许多网站都有在每个页面上显示的内容(如页眉和页脚)。

使用网页,您可以使用 @RenderPage() 方法从单独的文件中导入内容。

内容块(来自另一个文件)可以导入网页中的任何位置,并且可以包含文本、标记和代码,就像任何常规网页一样。

以使用通用页眉和页脚为例,这可以节省您大量工作。您不必在每个页面上都编写相同的内容,并且当您更改页眉或页脚文件时,所有页面中的内容都会更新。

这是代码中的样子

示例

<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>这是一个段落</p>
@RenderPage("footer.cshtml")
</body>
</html>
运行示例 »


使用布局页面

在上一节中,您看到在许多网页中包含相同的内容很容易。

创建一致外观的另一种方法是使用布局页面。布局页面包含网页的结构,但不包含内容。当网页(内容页面)链接到布局页面时,它将根据布局页面(模板)显示。

布局页面就像一个普通的网页,除了调用 @RenderBody() 方法,该方法将包含内容页面。

每个内容页面都必须以 Layout 指令开头。

这是代码中的样子

布局页面

<html>
<body>
<p>这是页眉文本</p>
@RenderBody()
<p>&copy; 2014 W3Schools. 保留所有权利。</p>
</body>
</html>

任何网页

@{Layout="Layout.cshtml";}

<h1>欢迎来到 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>
运行示例 »

D.R.Y. - 不要重复自己

使用两个 ASP.NET 工具,内容块和布局页面,您可以为您的 Web 应用程序提供一致的外观。

这些工具还可以节省您大量工作,因为您不必在所有页面上都重复相同的信息。集中化标记、样式和代码使 Web 应用程序更易于管理和维护。


阻止浏览文件

使用 ASP.NET,以下划线开头的名称的文件无法从 Web 浏览。

如果要阻止用户查看您的内容块或布局文件,请将文件名重命名为

_header.cshtml

_footer.cshtml

_Layout.cshtml


隐藏敏感信息

使用 ASP.NET,隐藏敏感信息(数据库密码、电子邮件密码等)的常用方法是将信息保存在名为“_AppStart”的单独文件中。

_AppStart.cshtml

@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "[email protected]";
WebMail.Password = "your-password";
WebMail.From = "[email protected]";
}


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.