上QQ阅读APP看书,第一时间看更新
5.2 创建母版页
母版页中包含的是页面的公共部分,因此,在创建母版页之前,必须判断哪些内容是页面的公共部分。如图5.1所示为企业绩效系统的首页Index.aspx,该网页是由4部分组成的,即页头、页尾、登录栏和内容页。经过分析可知,页头、页尾和登录栏是企业绩效系统中页面的公共部分。内容A是企业绩效系统的非公共部分,是Index.aspx页面所独有的。结合母版页和内容页的相关知识可知,如果使用母版和内容页创建页面Index.aspx,那么必须创建一个母版页MasterPage.master和一个内容页Index.aspx,其中,母版页包含页头、页尾和登录栏,内容页则包含内容A。
图5.1 企业绩效系统首页
创建母版页的具体步骤如下。
(1)在网站的解决方案下右击网站名称,在弹出的快捷菜单中选择“添加新项”命令。
(2)打开“添加新项”对话框,如图5.2所示。选择“母版页”,默认名为MasterPage.master。单击“添加”按钮即可创建一个新的母版页。
图5.2 创建母版页
(3)母版页MasterPage.master中的代码如下:
<%@ 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 runat="server"> <title>无标题页</title> <asp:ContentPlaceHolder id="head" runat="server"> </asp:ContentPlaceHolder> </head> <body> <form id="form1" runat="server"> <div> <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder> </div> </form> </body> </html>
以上代码中ContentPlaceHolder控件为占位符控件,它所定义的位置可替换为内容出现的区域。
说明
母版页中可以包括一个或多个ContentPlaceHolder控件。