Question

ASP.net的web应用程序能否使用母版页？如何使用？

Answer 1

母版页是ASP.NET 2.0中新增的功能，使用母版页可以为Web应用程序中的页创建一致的布局。单个母版页可以为Web应用程序中的所有页（或一组页）定义所需的外观和标准行为。然后可以创建包含要显示的内容的各个内容页。当用户请求内容页时，这些内容页与母版页合并以将母版页的布局与内容页的内容组合在一起输出。

工程Example_6_2介绍母版页site.master的使用方法，并使用该母版页创建了3个页面，它们是页面Default.aspx、页面sun.aspx和页面Bluehills.aspx。

在母版页site.master有3个链接控件和一个Image控件，母版页site.master的设计界面如图6-7 所示。

母版页site.master的部分HTML设计代码如下：

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="site.master.cs"

Inherits="site" %>

<table width="100%">

<tr>

<td colspan="2"><asp:contentplaceholder id="Header" runat="server">

<asp:Label ID="HeaderLabel" runat="server"></asp:Label>

</asp:contentplaceholder></td>

</tr>

<tr>

<td style="width: 20%;" valign="top">

<a href="Default.aspx">Default</a><br/>

<a href="sun.aspx">Sun</a><br/>

<a href="Bluehills.aspx">Blue hills</a><br/>

</td>

<td valign="top" align="left" style="width: 240px; height: 180px;">

<asp:ContentPlaceHolder ID="Picture" runat="server">

<asp:Image ID="Flower" runat="server" ImageUrl="Images/Water

lilies.jpg" Height="180px" Width="240px" />

</asp:ContentPlaceHolder>

</td>

</tr>

</table>

2 . 创建页面Default.aspx
使用母版页site.master创建页面Default.aspx，并设置Image控件的图片链接地址，页面Default.aspx的设计界面

页面Default.aspx的部分HTML设计代码如下：

<%@ Page Language="C#" MasterPageFile="~/site.master" %>

3 创建页面Bluehills.aspx
使用母版页site.master创建页面Bluehills.aspx，并设置Image控件的图片链接地址，页面Bluehills.aspx的设计界面如图6-9所示。

页面Bluehills.aspx的部分HTML设计代码如下：

<%@ Page Language="C#" MasterPageFile="~/site.master" Title="Untitled

Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="Header"

Runat="Server"></asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="Picture"

Runat="Server">

<asp:Image ID="Flower" ImageUrl="~/Images/Blue hills.jpg"

runat="server" Height="180px" Width="240px" />

</asp:Content>

4 创建页面sun.aspx
使用母版页site.master创建页面sun.aspx，并设置Image控件的图片链接地址，页面sun.aspx的设计界面
页面sun.aspx的部分HTML设计代码如下：

<%@ Page Language="C#" MasterPageFile="~/site.master" Title="Untitled

Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="Header"

Runat="Server"></asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="Picture"

Runat="Server">

<asp:Image ID="Flower" ImageUrl="~/Images/Sunset.jpg"

runat="server" Height="180" Width="240" />

5 运行效果
设置页面Default.aspx为起始页面，运行工程Example_6_2之后，页面Default.aspx的初始化界面如图6-11所示。单击Sun链接打开页面Sun.aspx，，单击Blue hills链接打开页面Bluehills.aspx