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

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

2019-12-23 13:51lijiao ASP.NET教程

这篇文章主要介绍了ASP.NET母版页基础知识，需要的朋友可以参考下

模板页是做什么的？

利用模板页可以方便快捷的创建统一风格的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>