非常教程

ASP.NET 教程教程

ASP.NET Web Pages 布局

ASP.NET Web Pages 布局

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 verydoc. All rights reserved.</p>
</body>
</html>

任何网页:

@{Layout="Layout.cshtml";}

<h1>Welcome to verydoc.net</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 教程

ASP.NET 是微软公司提出的一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。ASP.NET 支持三种不同的开发模式:单页面模式、MVC 模式、事件驱动模式。

ASP.NET 教程目录

1.ASP.NET Web Pages Razor
2.ASP.NET Web Pages 教程
3.ASP.NET
4.ASP.NET 教程
5.ASP.NET Web Pages 布局
6.ASP.NET Web Pages 对象
7.ASP.NET Web Pages HTML 表单
8.ASP.NET Web Pages – 发布
9.ASP.NET Web Pages Email
10.ASP.NET Web Pages WebGrid
11.ASP.NET Web Pages 文件
12.ASP.NET Razor 语法
13.ASP.NET Razor 标记
14.ASP.NET WebPages 帮助器参考手册
15.ASP.NET Web Pages WebMail 参考手册
16.ASP.NET Web Pages Database 参考手册
17.ASP.NET Web Pages WebSecurity 参考手册
18.ASP.NET Web Pages 类参考手册
19.ASP.NET Web 的 C# 和 VB 实例
20.ASP.NET Razor C# 循环和数组
21.ASP.NET Razor C# 变量
22.ASP.NET Razor VB 逻辑
23.ASP.NET Razor VB 循环和数组
24.ASP.NET Razor VB 变量
25.ASP.NET Razor C# 逻辑
26.ASP.NET MVC 模型
27.ASP.NET MVC 页面和布局
28.ASP.NET 事件句柄
29.ASP.NET 服务器控件
30.ASP.NET Web 页面
31.ASP.NET Web Forms 教程
32.ASP.NET MVC 参考手册
33.ASP.NET MVC – 发布
34.ASP.NET MVC HTML 帮助器
35.ASP.NET Repeater 控件
36.ASP.NET XML 数据绑定
37.ASP.NET SortedList
38.ASP.NET Hashtable
39.ASP.NET ArrayList
40.ASP.NET 数据绑定
41.ASP.NET Button 控件
42.ASP.NET TextBox 控件
43.ASP.NET ViewState
44.ASP.NET Web 表单
45.ASP.NET DataList 控件
46.ASP.NET 母版页
47.ASP.NET 数据库连接
48.ASP.NET 实例
49.ASP.NET 导航
50.ASP.NET HtmlAnchor 控件
51.ASP.NET HtmlGeneric 控件
52.ASP.NET HtmlForm 控件
53.ASP.NET HtmlButton 控件
54.ASP.NET HtmlInputHidden 控件
55.ASP.NET HtmlInputFile 控件
56.ASP.NET HtmlInputCheckBox 控件
57.ASP.NET HtmlInputButton 控件
58.ASP.NET HtmlImage 控件
59.ASP.NET AdRotator 控件
60.ASP.NET HTML 服务器控件
61.ASP.NET HtmlTextArea 控件
62.ASP.NET HtmlTableRow 控件
63.ASP.NET HtmlTableCell 控件
64.ASP.NET HtmlTable 控件
65.ASP.NET HtmlSelect 控件
66.ASP.NET HtmlInputText 控件
67.ASP.NET HtmlInputRadioButton 控件
68.ASP.NET HtmlInputImage 控件
69.ASP.NET Label 控件
70.ASP.NET ImageButton 控件
71.ASP.NET Image 控件
72.ASP.NET HyperLink 控件
73.ASP.NET DropDownList 控件
74.ASP.NET CheckBoxList 控件
75.ASP.NET CheckBox 控件
76.ASP.NET CalendarDay 控件
77.ASP.NET Calendar 控件
78.ASP.NET Button 控件
79.ASP.NET Style 控件
80.ASP.NET BulletedList 控件
81.ASP.NET RadioButtonList 控件
82.ASP.NET RadioButton 控件
83.ASP.NET PlaceHolder 控件
84.ASP.NET Panel 控件
85.ASP.NET Literal 控件
86.ASP.NET ListItem 控件
87.ASP.NET ListBox 控件
88.ASP.NET LinkButton 控件
89.ASP.NET RegularExpressionValidator 控件
90.ASP.NET RangeValidator 控件
91.ASP.NET CustomValidator 控件
92.ASP.NET CompareValidator 控件
93.ASP.NET Web 服务器控件
94.ASP.NET XML 控件
95.ASP.NET TextBox 控件
96.ASP.NET TableRow 控件
97.ASP.NET TableCell 控件
98.ASP.NET Table 控件
99.ASP.NET Validation 服务器控件
100.ASP.NET ValidationSummary 控件