ASP.NET母版页基础知识介绍

网络编程 2024/11/18 佚名

3 2 1

模板页是做什么的？

利用模板页可以方便快捷的创建统一风格的ASP.NET网站，并且容易管理和维护，提高了效率。
模板页为网页定义所需要的外观和标准，在母版的基础上创建包含显示内容的各个内容页。当用户请求内容页时，这些内容页与母版页合并，这样，模板页的布局与内容页的布局就可以组合在一起输出了。

模板页一般用来：

1、通过修改模板页来处理网页的通用功能。
2、可以方便的创建一组控件和代码，并应用于一组网页。
3、通过允许控制占位符控件的呈现方式，模板页可以在细节上控制最终页的布局。

模板页与普通页

我们在vs中建立一个模板页，可以看到不同于一般的内容的地方：
@Master替换了@Page，包含了多个可替换的占位符ContentPlaceHolder.

普通页面和母版页面进行关联：

普通页面的属性，MasterPageFile，就会给出提示来选择使用的母版页，或是在新建页面的时候选择使用母版页，也可以把一个母版页应用到普通页面上。
DEMO：

模板页代码：

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage2.master.cs"Inherits="模板页_MasterPage2"%> 
 
  
 
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
  
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head id="head1" runat="server"> 
 
  <title>模板页面</title> 
 
  <asp:ContentPlaceHolderidasp:ContentPlaceHolderid="head" runat="server"> 
 
  </asp:ContentPlaceHolder> 
 
</head> 
 
<body style="height: 141px; width:747px"> 
 
  <form id="form1" runat="server"> 
 
  <div> 
 
  </div> 
 
  <p> 
 
    </p> 
 
  <table style="width: 102%; height: 126px;"> 
 
    <tr> 
 
      <td> 
 
        网站的log、搜索人数，登录人数，站点导航的信息等。</td> 
 
      <td> 
 
        </td> 
 
      <td> 
 
        </td> 
 
    </tr> 
 
    <tr> 
 
      <td> 
 
    <asp:ContentPlaceHolderidasp:ContentPlaceHolderid="ContentPlaceHolder1" runat="server"> 
 
     
 
    </asp:ContentPlaceHolder> 
 
      </td> 
 
      <td> 
 
        </td> 
 
      <td> 
 
        </td> 
 
    </tr> 
 
    <tr> 
 
      <td> 
 
        底部版权信息等。</td> 
 
      <td> 
 
        </td> 
 
      <td> 
 
        </td> 
 
    </tr> 
 
  </table> 
 
  </form> 
 
</body> 
 
</html>

内容页代码：

<%@ Page Title="" Language="C#" MasterPageFile="~/模板页/MasterPage2.master" AutoEventWireup="true"CodeFile="ContentPage.aspx.cs"Inherits="ContentPage" %> 
<asp:ContentIDasp:ContentID="Content1" ContentPlaceHolderID="head"Runat="Server"> 
 
</asp:Content> 
 
<asp:ContentIDasp:ContentID="Content2" ContentPlaceHolderID="ContentPlaceHolder1"Runat="Server"> 
 
  <p> 
 
  添加内容页面</p> 
 
</asp:Content>

显示：