母版页的使用

一、母版页简介

      Asp.net2.0改进了以往版本对网页设计方面支持上的不足,新增了母版页,或者将它称为页面模版较容易让人理解他的作用。母版页能够为asp.net应用程序创建统一的用户界面和样式,这是母版页的核心功能。采用母版页制作的网站都含有两种文件:一种是母版页,一种是内容页。母版页的后缀为.master,里面封装页面的公共元素;内容页的后缀为.aspx,就是普通的aspx页面,里面包含了除母版页外的其他公共内容。在运行时,asp.net2.0引擎会将两种页面合并再发个客户的浏览器。

二、母版页的结构

常见的母版页代码结构如下:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>



   
   


   


       

           
               
                   
               
               
                   
               
               
                   
               
               
                   
               
               
                   
               
               
                   
               
           

                       

                   

                       

                       
                           
                               
                               
                           
                       

                                   
                                   

                               

                                   
                                       

                               

                   

                       

                        ©Copyright Study.Com 2006

       

   



       从上面这段代码我们可以看出,母版页除了头部声明与普通的aspx页面不同外,代码结构上与普通的aspx页面并没有什么差别。

三、占位控件

       当你在读这段代码是会发现母版页上有个新用了两次——ContentPlaceHolder控件,这是在母版页上使用的占位控件。如构想母版页的某一区域拖拽这个控件,就表示这个区域在内容页里是可编辑的区域。以下是与上面的母版页相对应的内容页代码

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
    CodeFile="Index.aspx.cs" Inherits="Index" Title="示例5-1" %>


   


   


         


   


         


   


        网站介绍


   


        本页面采用来自ASP.NET 2.0技术的母版页新特性进行开发。 主要包括两个页面:母版页和内容页。 母版页后缀名是.master,其封装网站中的共用元素。 内容页实际是普通的.aspx文件,它包含除母版页的其他内容。
        在运行时,ASP.NET引擎将两种页面内容合并执行,最后将结果发给客户端浏览器。
       


           

       


        母版页中的ContentPlaceHolder控件的ID属性必须与内容页中Content控件的ContentPlaceHolderID属性邦定。

一、创建母版页

       例如创建如下图结构的页面: 

 
 
 
 
 
  
       使用Visual Studio 2005创建一个Web站点,然后单击“网站”命令的菜单中的“添加新项”,在站点根目录下创建一个母版页。

创建母版页图1
 
        创建完母版页后开始设计网页,代码如下:
 
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>



   
   


   

       

           
               
                   
               
               
                   
               
               
                   
               
               
                   
               
               
                   
               
               
                   
               
           

                       

                   

                       

                       
                           
                               
                               
                           
                       

                                   
                                   

                               

                                   
                                       

                               

                   

                       

                        ©Copyright Study.Com 2006

       

   



 
完成图:

前两篇文章介绍了什么事母版页和如何创建母版页,本文将继续介绍母版页的使用——创建内容页。

      在创建完一个完整的母版页之后,必然要创建内容页,内容也必须邦定母版页才能显示母版页的内容。下面就演示创建内容页的过程:

      首先先创建好一张母版页,这里我们采用上一篇文章创建的母版页

       接着创建内容页

创建内容页图1


创建内容页2

创建内容页3

       点击“确定”就完成了内容页的创建,完成图如下:


转载于:https://www.cnblogs.com/hzuIT/articles/752018.html

你可能感兴趣的:(母版页的使用)