母版页的使用

最新推荐文章于 2022-10-20 10:51:35 发布
最新推荐文章于 2022-10-20 10:51:35 发布
阅读量100 收藏
点赞数
文章标签： xhtml c#
原文链接：http://www.cnblogs.com/hzuIT/articles/752018.html
版权

一、母版页简介

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

二、母版页的结构

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

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<!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 id="Head1" runat="server">
    <title></title>
    <link href="/oblog312/css/myfreetemplates.css" rel="stylesheet" type="text/css" />
</head>
<body background="/oblog312/images/pixi_lime.gif" leftmargin="0" topmargin="0">
    <form id="form1" runat="server">
        <div align="center">
            <table width="763" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
                <tr>
                    <td width="763" height="86" align="right" valign="top">
                        <img src="/oblog312/images/topic.gif"></td>
                </tr>
                <tr>
                    <td width="763" height="53" align="right" valign="bottom" background="/oblog312/images/nav_bg.gif">
                    </td>
                </tr>
                <tr>
                    <td width="763" height="22" align="right" valign="top">
                        <img src="/oblog312/images/toppic2.gif" width="763" height="22"></td>
                </tr>
                <tr>
                    <td width="763" valign="top">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td width="244" valign="top">
                                    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                                    </asp:ContentPlaceHolder>
                                </td>
                                <td valign="top" align="left">
                                    <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
                                        </asp:ContentPlaceHolder>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td width="763" height="1" background="/oblog312/images/pixi_lime.gif">
                        <img src="/oblog312/images/pixi_lime.gif" width="1" height="1"></td>
                </tr>
                <tr>
                    <td width="763" height="35" align="center" class="baseline">
                        &copy;Copyright Study.Com 2006</td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>

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

三、占位控件

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

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

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <img src="/oblog312/images/pagepic.gif" width="244" height="223" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">
    <p>
        &nbsp;</p>
    <p>
        &nbsp;</p>
    <h1>
        网站介绍</h1>
    <p>
        本页面采用来自ASP.NET 2.0技术的母版页新特性进行开发。 主要包括两个页面：母版页和内容页。 母版页后缀名是.master，其封装网站中的共用元素。 内容页实际是普通的.aspx文件，它包含除母版页的其他内容。
        在运行时，ASP.NET引擎将两种页面内容合并执行，最后将结果发给客户端浏览器。
        <p>
            <br>
        </p>
</asp:Content>

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

一、创建母版页

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

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

75975085.jpg
创建母版页图1
 
        创建完母版页后开始设计网页，代码如下：
 
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<!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 id="Head1" runat="server">
    <title></title>
    <link href="/oblog312/css/myfreetemplates.css" rel="stylesheet" type="text/css" />
</head>
<body background="/oblog312/images/pixi_lime.gif" leftmargin="0" topmargin="0">
    <form id="form1" runat="server">
        <div align="center">
            <table width="763" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
                <tr>
                    <td width="763" height="86" align="right" valign="top">
                        <img src="/oblog312/images/topic.gif"></td>
                </tr>
                <tr>
                    <td width="763" height="53" align="right" valign="bottom" background="/oblog312/images/nav_bg.gif">
                    </td>
                </tr>
                <tr>
                    <td width="763" height="22" align="right" valign="top">
                        <img src="/oblog312/images/toppic2.gif" width="763" height="22"></td>
                </tr>
                <tr>
                    <td width="763" valign="top">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td width="244" valign="top">
                                    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                                    </asp:ContentPlaceHolder>
                                </td>
                                <td valign="top" align="left">
                                    <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
                                        </asp:ContentPlaceHolder>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td width="763" height="1" background="/oblog312/images/pixi_lime.gif">
                        <img src="/oblog312/images/pixi_lime.gif" width="1" height="1"></td>
                </tr>
                <tr>
                    <td width="763" height="35" align="center" class="baseline">
                        &copy;Copyright Study.Com 2006</td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>

 
完成图：
75438348.jpg
前两篇文章介绍了什么事母版页和如何创建母版页，本文将继续介绍母版页的使用——创建内容页。

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

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

75438348.jpg

       接着创建内容页

76739483.jpg

创建内容页图1

76732795.jpg
创建内容页2

76928640.jpg

创建内容页3

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

76916349.jpg

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

weixin_34212762
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
母版页使用详解
04-28
母版页使用详解
C#-WebForm-★ASP.NET中的母版页★
weixin_30645617的博客
02-15 349
何为母版页，顾名思义母版就是模版，就像在PPT里面的板式或主题一样，大框架已经有了，我们的任务就是向里面添加具体的内容。这样我们制作的所有幻灯片的外观大体都是一样的。 在ASP.NET中母版页有两种作用，一是提高代码的复用（把相同的代码抽出来），二是使整个网站保持一致的风格和样式。 一、新建母版页　　添加新项 → 母版页 母版页代码： 二、如何套用　　添加新项 → 新建Web窗体 ...
VS2008(C#)子页嵌套母版页的控件访问方法（二）
阳光岛主
01-29 5789
VS2008(C#)子页嵌套母版页的控件访问方法（二）——嵌套两层母板页 子页嵌套了两层母版页后，访问第一层、第二层母版页中控件的方法如下 第一层母版页HTML代码http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">    MasterPage     
商务软件开发网课答案
xiongIT的博客
10-20 3430
c#期末复习题
ASP.NET (C#版) 将母版页内容显示到内容页中
qq_55786319的博客
05-04 387
首先创建一个母版页，如下： 依次是文字，文本框TextBox1，文字，下拉框DropDownList1，按钮Button1 再创建一个内容页Default.aspx,与母版页绑定。在内容页里放入一个label标签，为Label1。 在内容页中填写以下代码 protected void Page_Load(object sender, EventArgs e) { //查找母版页中的Button控件，并赋值给b1 Button b1 = (Bu.
asp.net母版页如何使用
01-02
计算机专业的很多同学临近毕业了，才着急怎么做一个毕业设计来进行答辩，很短的时间是不可能完成的，今天就先跟着小编的步伐，学习asp.net母版页的使用，快速掌握这个实用技巧，相信一定在大家的毕业设计过程中发挥...
对母版页使用css与javascript
08-03
对母版页使用css与javascript
主题和母版页
05-21
标准化网站布局的格式只是整个过程的一部分，你还需要保证通用的元素，如网站的...如果在整个网站中使用同一个母版页，就可以确保获得同样的布局。最妙的是，如果修改了母版页的定义，应用它的所有页面都会自动变化。
母版页的使用母版页的使用
07-15
母版页 的 使用母版页 的 使用母版页 的 使用
.net中使用母版页
yue1183283159的专栏
12-14 2365
.net中使用母版页的优点 母版页提供了开发人员已通过传统方式创建的功能，这些传统方式包括重复复制现有代码、文本和控件元素；使用框架集；对通用元素使用包含文件；使用 ASP.NET 用户控件等。母版页具有下面的优点： 使用母版页可以集中处理页的通用功能，以便可以只在一个位置上进行更新。 使用母版页可以方便地创建一组控件和代码，并将结果应用于一组页。例如，可以在母版页上
Asp .net MasterPageFile母版页
sunshine
08-21 5457
MasterPageFile母版页 本来想用最简洁的语言来表述，却发现把它搞得更复杂了。 刚开始学，什么都不懂，看到了这段代码，才促使自己去研究MasterPageFile到底是什么含义。 MasterPageFile其实是定义一个了外围的框架的页面，并且在里面设定了具体内容存放的位置。举例来说，MasterPageFile 就相当于相框的功能。网站的真正具体页面实
C# asp.net 母版页嵌套
前端疯
04-05 4660
如何做一个嵌套的母版页： 1.新建一个父母版页 2.新建一个子母版页，选择父母版页为母版 子母版页
MOSS系列之五母版页和布局页Featur…
绝凌峰
08-07 740
如果一个网站有很多页面，而这些页面需要一致的外观和样式时，可能对于程序设计人员来说，需要重复的一些工作，开发维护都比较麻烦。 MOSS2007中引人注目的一项功能就是web内容管理（Web Content Management），用户可以更换母版页（Master Page）、改变页面布局以及完全自定义母版页面等，MasterPage是ASP.NET2.0中管理页面统一布局的机制，在MOSS200
asp.net 母版页使用详解
liuhuan2099的专栏
09-14 1564
[转]asp.net 母版页使用详解母版页（扩展名是.master）它的使用跟普通的页面一样，可以可视化的设计，也可以编写后置代码。与普通页面不一样的是，它可以包含ContentPlaceHolder控件，ContentPlaceHolder控件就是可以显示内容页面的区域。代码如下：......                                ......注意
母版页的作用及使用方法
注重长远 天天积累 cqujsjcyj
05-13 1529
  转自：http://blog.csdn.net/zhangyj_315/archive/2008/03/23/2210709.aspx     【解答】母版页(Master Page)的扩展名为“.master”，它相当于网页的模板。在其他网页中，只要引用了母版页，母版页的页面就可以自动显示出来，设计者可以修改引用的母版页中预留的部分，其它部分保持不变，这样就可以使多个页面的风格保持一...
VS2012 ASP.NET 母版页的创建与使用
热门推荐
爱技术 爱生活
12-22 2万+
在做牛腩新闻发布系统的过程中,需要使用ASP.NET的母版页来抽出所有网页的公共部分,以便更好的复用自己的网页布局和设计.     首先我们来看如何创建一个新的母版页,如下图所示:     添加之后,如下图所示:     编写完母版页之后,在使用的时候,问题出现了,在新建Web窗体时,右下角没有视频里讲的使用母版页复选框,如下图:     本来应该是下面这个样子的:
ASP.NET母版页
冯大宝的博客
04-18 3242
母版页能够为ASP.NET应用程序创建统一的用户界面和样式，这是母版页的核心功能。母版页与普通页面的比较：一是母版页的扩展名为.master，所有以.master为扩展名的文件都是母版页，客户端浏览器可以向服务器发出请求，要求访问.aspx文件，但是，如果请求的是母版页，则不能执行。二是普通.aspx文件的代码头声明是 &lt;%@Page%&gt;,而母版页文件的代码头声明与此不同，它必须声明为...
母版页的详细使用介绍
千寻的专栏
07-24 2756
 ASP.NET 母版页概述 使用 ASP.NET 母版页可以为应用程序中的页创建一致的布局。单个母版页可以为应用程序中的所有页（或一组页）定义所需的外观和标准行为。然后可以创建包含要显示的内容的各个内容页。当用户请求内容页时，这些内容页与母版页合并以将母版页的布局与内容页的内容组合在一起输出。母版页的工作原理母版页实际由两部分组成，即母版页本身与一个或多个内容
asp创建母版页
最新发布
05-25
在 ASP 中，可以使用母版页（也称为模板页）来创建可重用的页面布局。下面是创建母版页的步骤： 1. 创建一个新的 ASP 文件并将其命名为母版页。例如，可以将其命名为“masterPage.asp”。 2. 在母版页中添加 HTML 和 CSS 代码，以定义页面的布局和样式。 3. 在母版页的适当位置添加占位符。占位符是用于在子页面中插入内容的标记。例如，可以在母版页中添加以下代码： ``` <div id="content"> <!-- 这里是子页面的内容 --> <%= Content %> </div> ``` 其中，“Content”是一个占位符，它将在子页面中被替换为实际内容。 4. 创建子页面并在其顶部指定母版页。例如，可以在子页面的顶部添加以下代码： ``` <%@ Master Language="VBScript" CodeFile="masterPage.asp" Inherits="masterPage" %> ``` 这将指定使用“masterPage.asp”文件作为母版页，并将子页面与母版页相关联。 5. 在子页面中填充占位符。例如，可以在子页面中添加以下代码： ``` <% Content = "这是子页面的内容。" %> ``` 这将设置“Content”变量的值，并在子页面中替换占位符。 6. 最后，在浏览器中查看子页面，应该可以看到使用母版页创建的页面布局和样式，并且子页面中的内容已经被插入到母版页的占位符中。 希望这些步骤能帮助你创建 ASP 的母版页。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值