ASP.NET Web Pages – 页面布局简介

通过 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>&copy; 2012 Runoob. All rights reserved.</p>
</body>
</html>

任何网页：

@{Layout="Layout.cshtml";}<h1>Welcome to Runoob.com</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";}

ASP.NET Web Pages – 页面布局简介相关推荐

ASP.NET Web Pages – 文件夹简介
ASP.NET Web Pages - 文件夹包括逻辑文件夹结构和物理文件夹结构,虚拟名称和物理名称,Web URL 和 Web 路径等. 逻辑文件夹结构下面是典型的 ASP.NET 网站文件夹结构 ...
ASP.NET Web Pages – 帮助器简介
ASP.NET 帮助器是通过几行简单的 Razor 代码即可访问的组件.您可以使用存放在 .cshtml 文件中的 Razor 语法构建自己的帮助器,或者使用内建的 ASP.NET 帮助器. ASP. ...
ASP.NET Web Pages：表单
ylbtech-.Net-ASP.NET Web Pages:表单 1.返回顶部 1. ASP.NET Web Pages - HTML 表单表单是 HTML 文档中放置输入控件(文本框.复选框.单 ...
ASP.NET Web Pages：Chart 帮助器
ylbtech-.Net-ASP.NET Web Pages:Chart 帮助器 1.返回顶部 1. ASP.NET Web Pages - Chart 帮助器 Chart 帮助器 - 众多有用的 A ...
【ASP.NET教程-WP教程15】ASP.NET Web Pages - C# 和 VB 实例简单而强大的开发框架，可用于构建动态的、基于Web的应用程序。它提供了一种轻量级的方式来创建和管理网页
ASP.NET Web Pages - C# 和 VB 实例 ASP.NET Web Pages 是一种简单而强大的开发框架,可用于构建动态的.基于Web的应用程序.它提供了一种轻量级的方式来创建和管 ...
【ASP.NET教程-WP教程14】ASP.NET Web Pages - 发布网站：将您的应用程序带到全网
ASP.NET Web Pages - 发布网站:将您的应用程序带到全网将ASP.NET Web Pages应用程序成功发布到互联网上是实现用户访问的关键步骤.本文将详细介绍如何发布ASP.NET ...
asp.net使用html表单,ASP.NET Web Pages
ASP.NET Web Pages - HTML 表单表单是 HTML 文档中放置输入控件(文本框.复选框.单选按钮.下拉列表)的部分. 创建一个 HTML 输入页面 Razor 实例 @{ if ...
ASP.NET Web Pages 的冲突版本问题
随着VS版本和.NET MVC版本.EF的版本的不断更新,虽然很多功能随着版本的提升而更完善,但对于旧版本开发的软件就有点悲催了,或许很多开发者都遇到类似的问题! 最近有一个项目是用.NET MVC3 ...
web网页页面布局的几种方式（转）
web网页页面布局的几种方式转载 2017年06月16日 12:19:40 2218 网页基本布局方式: (1)流式布局 Fluid 流布局与固定宽度布局基本不同点就在于对网站尺寸的侧量单位不同 ...

ASP.NET Web Pages – 页面布局简介

ASP.NET Web Pages – 页面布局简介相关推荐

最新文章

热门文章