
上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中的代码如下:

在以上代码中,ContentPlaceHolder控件为占位符控件,可将它所定义的位置替换为内容出现的区域。
说明
母版页可以包括一个或多个ContentPlaceHolder控件。