第六章 Web站点母版页

TextBox txt = (TextBox)((MasterPage)Master).FindControl("txtMaster"); txt.Text = this.txtContent1.Text; ;
2011-9-5
14
嵌套母版页
母版页可以嵌套， 母版页可以嵌套，让一个母版页引用另外的页作为其 母版页。 母版页。利用嵌套的母版页可以创建组件化的母版页
例如，大型站点可能包含一个用于定义站点外观的总体母 版页。然后，不同的站点内容合作伙伴又可以定义各自的 子母版页，这些子母版页引用站点母版页，并相应定义该 合作伙伴的内容的外观。
教员讲解并演示
2011-9-5
15
母版页和内容页事件顺序
通常情况下，母版页和内容页中的事件顺序对于页面 通常情况下， 开发人员并不重要。但是， 开发人员并不重要。但是，如果所创建的事件处理程 序取决于某些事件的可用性， 序取决于某些事件的可用性，那么了解母版页和内容 页中的事件顺序很有帮助
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> ...... <form id="form1" runat="server"> <div> <asp:contentplaceholder id="ContentPlaceHolder1" runat="server"> </asp:contentplaceholder> 注意： 注意： </div> 1、这里的声明指示符是“<%@ Master...%>” 、这里的声明指示符是“ </form>
2011-9-59 Nhomakorabea页面布局技术
以前的实现方式
– Frameset – Include方式 方式 – CSS
缺陷
– – – – –
2011-9-5
重复性 缺乏一致性管理 维护困难 个性化困难 学习曲线比较高
10
母版页
什么是母版页
– 母版页本质上是一个用户控件 母版页本质上是一个用户控件. – 派生自erControl. 派生自
2011-9-5
17
母版页构成
母版页
软件系->Net方向 西软 软件系 方向
内容页
内容
联系方式
西软 软件系 软件系->Net方向 方向
内容 联系方式
合并的页面
2011-9-5 18
母版页的特点
有利于站点修改和维护， 有利于站点修改和维护，降低开发人员的工作强度 提供高效的内容整合能力 有利于实现页面布局 提供一种便于利用的对象模型
注意： 注意：编写后台代码与普通页面一样
2011-9-5
13
内容页面中编写代码访问母版页中的控件
在内容页面中有个Master对象，它是MasterPage类 对象，它是 在内容页面中有个 对象 类 它代表当前内容页面的母版页。 型，它代表当前内容页面的母版页。通过这个对象的 FindControl方法，我们可以找到母版面中的控件， 方法， 方法 我们可以找到母版面中的控件， 这样就可以在内容页面中操作母版页中的控件了。 这样就可以在内容页面中操作母版页中的控件了。 代码如下： 代码如下：
2011-9-5 23
访问母版页控件和属性
弱类型：内容页中可通过 基类提供的Master属性实现对母 弱类型：内容页中可通过Page基类提供的 基类提供的 属性实现对母 版页的访问,此属性返回的是 此属性返回的是MasterPage类型的页面对象 可以 类型的页面对象,可以 版页的访问 此属性返回的是 类型的页面对象 通过它的FindControl方法实现对母版页服务器控件的访问 方法实现对母版页服务器控件的访问. 通过它的 方法实现对母版页服务器控件的访问 强类型：为了在内容页中获得对母版页的强类型的引用,可以内 强类型：为了在内容页中获得对母版页的强类型的引用 可以内 容页中的页面指令中加入一条指令: 容页中的页面指令中加入一条指令 <%@ MasterType VirtualPath="~/Main.master" %> 母版页的类名" 或<%@ MasterType TypeName="母版页的类名 %> 母版页的类名 这样在内容页中通过Page.Master属性可获取对母版页的强类 这样在内容页中通过 属性可获取对母版页的强类 型引用,进而访问母版页的所有公共成员 控件和自定义属性]. 进而访问母版页的所有公共成员[控件和自定义属性 型引用 进而访问母版页的所有公共成员 控件和自定义属性
教员演示： 教员演示： 将现有页面放入母版页
2011-9-5
22
创建母版页和内容页
<%@Master%>母版页标签 母版页标签 内容页<%@ Page %> 内容页
– MasterPageFile:设置内容页所属得母版页的路径 设置内容页所属得母版页的路径 – <asp:Content />内容区域 内容区域
2011-9-5 11
内容页引入母版页
在建立内容页面的时候，在“添加新项”对话框中要 在建立内容页面的时候， 添加新项” 选中“选择母版页” 选中“选择母版页”复选框
2011-9-5
12
内容页格式
套用母版页的内容页
<%@ Page Language="C#" MasterPageFile="~/MasterPage/MP.master" AutoEventWireup="true" CodeFile="Show1.aspx.cs" Inherits="MasterPage_Show1" Title="Untitled Page" %> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> </asp:Content>
2011-9-5
3
本章目标
掌握简单母版页使用 掌握嵌套母版页使用
2011-9-5
4
本章任务
完成网上书店后台母版页的制作。 完成网上书店后台母版页的制作。
2011-9-5
5
母版页概述
母版页是VS2005中新引入的一个概念，它很好地实 中新引入的一个概念， 母版页是 中新引入的一个概念 现界面设计的模块化，并且实现实现了代码的重用。 现界面设计的模块化，并且实现实现了代码的重用。 母版页（扩展名是.master） 母版页（扩展名是 ）
2011-9-5
2、其内部包含<asp:contentplaceholder......>控件 、其内部包含 控件
7
页面典型布局
栏式结构
– 简单实用、条理分明、格局清晰严谨、适合信息量大的页面 简单实用、条理分明、格局清晰严谨、
区域结构
– 页面精美、适合信息量较少的页面 页面精美、
2011-9-5
将现有页面放入母版
步骤： 步骤：
1、@Page 标记中指定 MasterPageFile 位置 、 2、去除内容页的多余 html 标签 、 3、去除 form 标记 、 4、创建 标签， 、创建<asp:Content>标签，并放入对应的内容 标签 5、指定相应的 、指定相应的ContentPlaceHolderID
1. ContentPlaceHolderID:对应母版页中得 对应母版页中得 ContentPlaceHolder标签得 属性 标签得ID属性 标签得
当用户请求内容页时,运行环境首先将此内容关联的 当用户请求内容页时 运行环境首先将此内容关联的 母版页加载,然后将母版页中由 然后将母版页中由ContentPlaceHolder 母版页加载 然后将母版页中由 占位符控件表示的空白区域替换为自身的Content控 占位符控件表示的空白区域替换为自身的 控 件的内容,随后输出响应流 随后输出响应流. 件的内容 随后输出响应流
内容页代码
对应的母版页的路径
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Title="Untitled Page" %> <asp:Content ID="Content1" ContentPlaceHolderID="cphContent" Runat="Server"></asp:Content> 对应于母版页的 21 2011-9-5 内容块
母版页的作用
– 界面元素的封装及重用 – 将一个WEB站点中众多页面中相同的部分提取出来 放在母 站点中众多页面中相同的部分提取出来,放在母 将一个 站点中众多页面中相同的部分提取出来 版页同,集中管理 集中管理. 版页同 集中管理
怎么用? 怎么用
– 每个页面中各自特有的不同部分 则放在内容页中 每个页面中各自特有的不同部分,则放在内容页中 则放在内容页中. – 当用户请求内容页时，这些内容页与母版页合并以将母版页 当用户请求内容页时， 的布局与内容页的内容组合在一起输出。 的布局与内容页的内容组合在一起输出。