asp.net 母版页技术

最新推荐文章于 2026-04-18 02:36:16 发布
转载 最新推荐文章于 2026-04-18 02:36:16 发布 · 1.1k 阅读 · 1
本文详细介绍了ASP.NET母版页的概念、原理和使用方法，包括如何创建母版页、内容页及它们之间的整合过程。通过示例代码展示了母版页在实现网页一致性布局和功能共享方面的优势。

背景：回顾下以前用到过的asp.net控件

介绍：

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

　　母版页为具有扩展名 .master的asp.net文件。

原理：

　　母版页主要是由母版页本身（.master文件）和一个或多个内容页组成。

　　母版页包括一个或多个 <asp:ContentPlaceHolder ID="TestContentPlaceHolder" runat="server"/> 控件，在内容页中可以定义要替换的内容。

　　容页中通过添加 Content 控件并将这些控件映射到母版页上的 ContentPlaceHolder控件来创建内容。

示例代码：

 

复制代码 
    

     <%
     @ Page Title
     =
     ""
      Language
     =
     "
     C#
     "
      MasterPageFile
     =
     "
     ~/TestMain.Master
     "
      AutoEventWireup
     =
     "
     true
     "
      CodeBehind
     =
     "
     AnotherTestPage.aspx.cs
     "
      Inherits
     =
     "
     Maticsoft.Web.AnotherTestPage
     "
      
     %>
     


     <
     asp:Content 
     ID
     ="Content1"
      ContentPlaceHolderID
     ="TestContentPlaceHolder"
      runat
     ="server"
     >
     
    
     <
     div 
     style
     =" width:100%; height:100%; background-color:#666666"
     >
     
        
     <
     div 
     style
     =" margin:10px 0 0 10px"
     >
     
            
     <
     h4
     >
     
                这里是另一个内容页(AnotherTestPage.aspx)
            
     </
     h4
     >
     
            
     <
     p 
     style
     =" font-size:12px; font-family:宋体"
     >
     
                    
     &nbsp;&nbsp;&nbsp;&nbsp;
     Master Page 使您有能力为 web 应用程序中的所有页面（或页面组）创建一致的外观和行为。
                Master Page 为其他页面提供了模版，带有共享的布局和功能。Master Page 为内容定义了可被内容页面覆盖的占位符。而输出结果就是 Master Page 和内容页面的组合。
     <
     br 
     />
     
                    
     &nbsp;&nbsp;&nbsp;&nbsp;
     内容页包含您希望显示的内容。
                当用户请求内容页时，ASP.NET 会对页面进行合并以生成输出，输出结果对 Master Page 的布局和内容页面的内容进行了合并。
            
     </
     p
     >
     
        
     </
     div
     >
     
    
     </
     div
     >
     

     </
     asp:Content
     >
复制代码
复制代码 
    

     <%
     @ Master Language
     =
     "
     C#
     "
      AutoEventWireup
     =
     "
     true
     "
      CodeBehind
     =
     "
     TestMain.master.cs
     "
      Inherits
     =
     "
     Maticsoft.Web.TestMain
     "
      
     %>
     


     <!
     DOCTYPE html PUBLIC "-//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 
     runat
     ="server"
     >
     
    
     <
     title
     ></
     title
     >
     
    
    
     <
     style 
     type
     ="text/css"
     >
     
        #main
        
     {
     
            width
     :
     800px
     ;
     
            height
     :
     600px
     ;
     
            background-color
     :
     #aaa
     ;
     
        
     }
     
        #head
        
     {
     
            width
     :
     100%
     ;
     
            height
     :
     100px
     ;
     
            background-color
     :
     #c1c1e5
     ;
     
        
     }
     
        #content
        
     {
     
            width
     :
     100%
     ;
     
            height
     :
     500px
     ;
     
        
     }
     
        #left
        
     {
     
            width
     :
     150px
     ;
     
            height
     :
     100%
     ;
     
            float
     :
     left
     ;
     
        
     }
     
        #center
        
     {
     
            width
     :
     650px
     ;
     
            height
     :
     100%
     ;
     
            float
     :
     left
     ;
     
        
     }
     
        a
        
     {
     
            text-decoration
     :
     none
     ;
     
        
     }
     
    
     </
     style
     >
     

     </
     head
     >
     

     <
     body
     >
     
    
     <
     form 
     id
     ="form1"
      runat
     ="server"
     >
     
    
     <
     div 
     id
     ="main"
     >
     
        
     <
     div 
     id
     ="head"
     >
     
            
     <
     h1 
     style
     ="margin:10px 0 0 10px"
     >
     母版页测试
     </
     h1
     >
     
        
     </
     div
     >
     
        
     <
     div 
     id
     ="content"
     >
     
            
     <
     div 
     id
     ="left"
     >
     
                
     <
     h3 
     style
     =" margin:10px 0 0 10px"
     >
     左侧导航
     </
     h3
     >
     
                
     <
     div 
     style
     =" margin-left:20px; font-size:18px; font-family:Verdana"
     >
     
                    
     <
     a 
     href
     ="TestPage.aspx"
     >
     asp.net
     </
     a
     ><
     br 
     />
     
                    
     <
     a 
     href
     ="AnotherTestPage.aspx"
     >
     CSS
     </
     a
     ><
     br 
     />
     
                    
     <
     a 
     href
     ="#"
     >
     HTML
     </
     a
     ><
     br 
     />
     
                    
     <
     a 
     href
     ="#"
     >
     JQuery
     </
     a
     >
     
                
     </
     div
     >
     
            
     </
     div
     >
     
            
     <
     div 
     id
     ="center"
     >
     
                
     <
     asp:ContentPlaceHolder 
     ID
     ="TestContentPlaceHolder"
      runat
     ="server"
     >
     
                
     </
     asp:ContentPlaceHolder
     >
     
            
     </
     div
     >
     
        
     </
     div
     >
     
    
     </
     div
     >
     
    
     </
     form
     >
     

     </
     body
     >
     

     </
     html
     >
复制代码

效果图：

 在建立内容页面的时候，在“添加新项”对话框中要选中“选择母版页”复选框。这样建立的页面就是内容页面，内容页面在显示的时候会把母版面的内容一起以水印淡化的形式显示出来，而在母版页中的ContentPlaceHolder控件区域会被内容页面中的Content控件替换，程序员可以在这里编写内容页面中的内容。
代码如下：

MarioFei
关注
ASP.NET的母版页技术
04-06
ASP.NET的母版页技术,这是ASP.NET新增的一个功能
【前端填坑】问题记录与解决-201902
02-17 349
  1.单击事件和双击事件如何区分 解决方法：通过设置两次点击事件的间隔时间(setTimeout 方法)，来实现双击、单击事件并存。即单击后不立刻执行相关的代码，而是让其延时执行（比如：200ms）；如果随后发生了双击事件，则取消延时执行的方法，只执行双击事件方法 代码： var timer = null; $('#'+id+' tbody tr').click(function(...
从零到一：基于Vivado MIG IP核构建DDR3控制器实战指南
最新发布
weixin_30800807的博客
04-18 387
本文详细介绍了基于Vivado MIG IP核构建DDR3控制器的实战指南，从工程创建、IP核配置到关键参数解析与避坑指南，帮助开发者高效完成DDR3控制器的设计与调试。通过实例演示和性能优化技巧，大幅提升FPGA开发效率。
页面与母版页面的asp:ContentPlaceHolder不匹配
weixin_30699235的博客
05-08 504
问题描述：The page has one or more <asp:Content> controls that do not correspond with <asp:ContentPlaceHolder> controls in the Master Page 解决办法：删除母版页中的大量的注释 转载于:https://www.cnblogs.com/seanbru...
ASP.NET 嵌套母版页中找不到控件问题（未已用到对象错误）
DO_NOTHING的专栏
04-26 3264
故障现象： 三层嵌套母版页，用findcontrol方法只能找到第一层母版页的控件，找不到二层和三层的，提示未引用到对象实例错误。 原因分析： Asp.net的确找不到嵌套母版页的控件，只能找到最顶层母版页的控件，即Master.Master.Master.FindControl才有效。 解决方法： 找到最顶层的容器ContentPlaceHolder 然后通过顶层容器找（findco
母版页错误：网页包含附加到母版页时无效的标记
ChangzaiJ的博客
12-19 526
在内容页的设计界面遇到的母版页错误的解决办法
06-ASP（母版页）
qq_50276841的博客
12-11 613
06-ASP（母版页） 在同一系列的网页中，很有可能会有一些部分是全部相似的，如果每个网页都重新写相似的部分，就会耗时耗力，所以母版页的出现，就可以很好的解决这一问题。 概述 母版页是用来使同一系列的网页具有一致外观的工具，使用母版页可以为应用程序中的网页创建一致的布局，可以很好地实现界面设计的模块化和重用。 母版页是ASP.NET提供的一种重用技术，这种技术将网页分成了两类。描述一致外观的网页称为母版页，而引用母版页的网页称之为内容页，内容页就是描述每个网页中的不同内容。单个的母版页可以被所有页或者一些页
技术笔记2_ASP.net：母版页中尽量不要调用DataBind
polaris11767的专栏
10-27 507
母版页应该尽量不要调用DataBind()方法，原因是在母版页调用DataBind()会导致使用该母版页的
母版页
weixin_33918357的博客
10-06 369
母版页是ASP.NET提供的一种重用技术，使用母版页可以为应用程序中的页面创建一致的布局。单个母版页可以为应用程序中的所有页（或一组页）定义所需的外观和标准行为。然后可以创建包含要显示内容的各个内容页。当用户请求内容页时，这些内容页与母版页合并，以便将母版页的布局与内容页的内容组合在一起输出。 母版页为具有扩展名.master的ASP.NET文件，它具有可以包括静态文本、HTML元素和服务器控件...
Asp.net母版页编程
DeathSteps的专栏
09-19 686
一直都觉得Asp.net的母版页就是个Bug般的存在，简化UI编程、使得某些通用编程成为可能。 母版页主要实现方式是通过ContentPlaceHolder与Content配合来作用的，待会的后台编程也会体现这点。一般在内容页中要指明它引用的母版页（设置MasterPageFi
ASP.NET Web Forms - 母版页
m0_57545130的博客
12-03 681
摘要：ASP.NET Web Forms中的母版页（Master Page）是一种模板机制，用于统一网站布局和外观。通过创建包含<asp:ContentPlaceHolder>的母版页，内容页只需填充特定区域即可复用公共结构。文章详细介绍了创建母版页和内容页的方法，包括嵌套母版页、代码后台访问控件、动态切换母版页等技巧，并解答了常见问题。母版页极大提高了代码复用率和维护效率，是Web Forms开发中的重要功能。
设置应用程序级母版页应注意的地方
weixin_33824363的博客
11-05 123
在设置应用程序级母版页的时候， 除了在web.config的&lt;System.web&gt;节中加上 &lt;pages masterPageFile="~/QQMasterPage.master"&gt;&lt;/pages&gt; 之外，还需在每个内容页中放上Content 标签，一个内容页中至少得有一个。否则请求该内容页将是空白。 到网上看了很多讲母版页的文章都没有提到这一点。 ...
母版页的使用
vs2005。。。。ing
10-20 1578
在新建的一个网站中，可以添加很多不同的页，其中有一个页叫做母版页，扩展名是.master。它所实现的功能和DW中的模板是一样的，而且更加简单。下面就来说明一下他的使用方法：1、在一个已经建立好的网站中右键单击解决方案管理器中的路径选择“添加新项”，在弹出的对话框中选择母版页，页面中会自动添加一个ConterPlaceHolder，这个没有什么大的用处，我们可以直接把它删除。之后在这个空白页
以编程方式使用 ASP.NET 母版页
01-08 745
ASP.NET  以编程方式使用 ASP.NET 母版页   可以使用母版页以编程方式执行许多公共任务，包括： 访问在母版页上定义的成员（包括公共属性/方法或控件）。 动态地将母版页附加到内容页。 访问母版页上的成员为了提供对母版页成员的访问，Page 类公开了 Master 属性。若要从
ASP.NET笔记（三）
weixin_30300225的博客
06-15 96
一、使用主题自定义网站（App_Themes，<@Page Theme/StyleSheetTheme..>，<page theme="">） 创建主题并将其应用于页 在 Visual Web Developer 中，右击网站名，单击“添加 ASP.Net 文件夹”，然后单击“主题”。 将创建名为“App_Themes”的文件夹和名为“Theme1”的...
自学Web开发第十二天-基于VB和ASP.NET；页面嵌套、母版、网站导航
runsong911的博客
04-14 1368
自学Web开发第十二天-基于VB和ASP.NET；页面嵌套、母版、网站导航
【.NET全栈】ASP.NET开发web应用——ASP.NET中的样式、主题和母版页
杰西笔记
07-15 2297
本章讨论ASP.NET的页面创作技术，现如今的网页网站、Web Base应用程序越来越注重页面的外观和可操作性。一致的外观能给用户良好的形象，并能充分展示企业的形象和文化内涵。ASP.NET提供了多种用于统一页面外观的方法。
.NET ASP.NET母版（MasterPage）
qq_43434300的博客
05-08 748
母版（MasterPage）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值