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>

显示：

 关于母版页和主题：

和PPT中母版和主题一样的。是这样的：
利用模板可以在它的基础上添加自己的内容就可以了，相当于做好的框架、风格等。母版相当于是组件，需要自己搭这个框架、风格等。母版是我们从众多类似的结构网页中把相同不变的部分抽象出来，并可以运用到更多网页中，节省时间。

这个简单的例子是不是帮助大家更好的理解了母版页的使用方法了，希望大家会继续关注小编分享的文章。

赞 (0)

相关推荐

  • ASP.NET中母版页和shtml实例入门

    本文较为深入浅出的分析了ASP.NET中母版页和shtml.分享给大家供大家参考.具体分析如下: 母版页 创建和使用母版页: 1. 创建Webform的母版页(MasterPage) 2. 创建使用母版页的窗体(ContentPage). 3. 母版页使用ContentPlaceHolder挖坑,"使用母版页的窗体"用Content填坑 母版页是服务器帮我们将页面拼接response给浏览器的. 但是,母版页太笨重.推荐使用shtml. shtml ServerSideInclude(

  • ASP.NET下母版页和内容页中的事件发生顺序整理

    母版页控件 Init 事件. 内容控件 Init 事件. 母版页 Init 事件. 内容页 Init 事件. 内容页 Load 事件. 母版页 Load 事件. 内容控件 Load 事件. 内容页 PreRender 事件. 母版页 PreRender 事件. 母版页控件 PreRender 事件. 内容控件 PreRender 事件.

  • 在ASP.NET 2.0中操作数据之十五：在GridView的页脚中显示统计信息

    在ASP.NET 2.0中操作数据之十五：在GridView的页脚中显示统计信息

    导言 除了需要了解产品的单价.库存量和订货量,并按等级排序之外,用户可能还对统计信息感兴趣,比如说平均价格.库存总量等等.这些统计信息常常显示在报表最下面的一个统计行中.GridView控件可以含有一个页脚行,我们可以通过编程将统计数据插入到它的单元格里面去.这个任务给了我们以下3个挑战: 1.配置GridView以显示它的页脚行 2.确定统计数据.即我们应该如何计算平均价格还有库存总量? 3.将统计信息插入到页脚行的相应的单元格中 在本节教程中,我们将会看到如何去征服这些挑战.另外呢,我们将创

  • ASP.NET 2.0 中的创建母版页

    ASP.NET 2.0 中的创建母版页

    虽然母版页和内容页功能强大,但是其创建和应用过程并不复杂.本节和下一节将以创建如图1所示示例为例,向读者详细介绍,使用Visual Stuido 2005创建母版页和内容页的方法以及相关知识.本节的重点是创建母版页的方法. 母版页中包含的是页面公共部分,即网页模板.因此,在创建示例之前,必须判断哪些内容是页面公共部分,这就需要从分析页面结构开始.图1所示显示的是一个页面截图.在下文中,暂称该页面名为Index.aspx,并且假设其为某网站中的一页.通过分析可知,该页面的结构如图5所示. 图5 页

  • ASP.Net巧用窗体母版页实例

    本文实例讲述了ASP.Net巧用窗体母版页的方法.分享给大家供大家参考.具体分析如下: 背景:每个网页的基本框架结构类似: 浏览网站的时候会发现,好多网站中,每个网页的基本框架都是一样的,比如,最上面都是网站的标题,中间是内容,最下面是网站的版权.开发提供商等信息: 在这些网页中,表头.底部的样式和内容都是一样的,不同的只是中间的内容. 因此在制作网站时,可以将这些共同的东西分离出来,放到"窗体母版页"中,在需要的时候嵌套就可以. 巧用窗体母版项: 下面就开始行动(本文是以Visual

  • 在ASP.NET 2.0中操作数据之五十一：从GridView的页脚插入新记录

    在ASP.NET 2.0中操作数据之五十一：从GridView的页脚插入新记录

    导言: 正如教程<概述插入.更新和删除数据>里探讨过的一样, GridView, DetailsView和FormView Web控件都有内置的修改数据的功能.当声明绑定到数据源控件时,可以快速而方便地修改数据--甚至不用写一行代码.不幸的是,只有DetailsView和FormView控件提供了内置的插入.编辑.删除功能,而 GridView控件只支持编辑.删除功能.不过,稍许努力,我们就能使GridView控件包含一个插入界面. 为了给GridView添加插入功能,我们要决定如何添加新记录

  • 在ASP.NET 2.0中操作数据之三：创建母版页和站点导航

    在ASP.NET 2.0中操作数据之三：创建母版页和站点导航

    导言 通常,用户友好的个性化站点都有着一致的,站点统一的页面布局和导航体系.Asp.net 2.0引入的两个新特性给我们在统一站点的页面布局和站点导航上提供了简单而有效的工具,它们是母板页和站点导航.母板页允许开发者创建统一的站点模板和指定的可编辑区域.这样,aspx页面只需要给模板页中指定的可编辑区域提供填充内容就可以了,所有在母板页中定义的其他标记将出现在所有使用了该母板页的aspx页面中.这种模式允许开发者可以统一的管理和定义站点的页面布局,因此可以容易的得到拥有统一的视觉和感觉的页面并且

  • asp.net使用母版页中使用ajax脚本取数据

    方法如下: 1. 页面中拖入ScriptManager.以便于使用Ajax脚本.同时放在其它客户端控件,用于触发NetPost方法.这里不列出客户端控件. 复制代码 代码如下: <asp:ScriptManager ID="smMaster" runat="server" ScriptMode="Auto" EnablePageMethods="true"> </asp:ScriptManager> 2

  • asp.net利用母版制作页脚效果

    asp.net利用母版制作页脚效果

    本文为大家分享了asp.net利用母版制作页脚的具体过程,供大家参考,具体内容如下 1.母版创建流程略过. 2.创建母版页css:Site.css body { } .linkButton{ text-decoration:none; color:whitesmoke; } 3.母版页添加页脚. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="ser

  • asp.net母版页如何使用

    asp.net母版页如何使用

    计算机专业的很多同学临近毕业了,才着急怎么做一个毕业设计来进行答辩,很短的时间是不可能完成的,今天就先跟着小编的步伐,学习asp.net母版页的使用,快速掌握这个实用技巧,相信一定在大家的毕业设计过程中发挥巨大的作用. 工具/原料 Visual Studio 2008 方法/步骤 打开Visual Studio 2008,点击[文件][打开网站]找到网站根目录文件夹,点击[打开] 在网站根目录上单击右键,选择[添加新项] 在弹出的[添加新项]选择[母版页]默认使用名称,点击[添加] 打开母版页的

随机推荐