互联网网站,新年电子贺卡免费制作软件app,教育类网站开发公司,上海百度seo优化4.2母版页 4.2.1 母版页概述 用户在设计网站时经常会遇到多个网页部分内容相同的情况#xff0c;例如#xff1a;具有网关和内容都相同的标题栏、页脚栏、导航栏等#xff0c;如果每个网页都设计一次#xff0c;不仅重复劳动而且非常繁琐#xff0c;此时#xff0c;使用母…4.2母版页 4.2.1 母版页概述 用户在设计网站时经常会遇到多个网页部分内容相同的情况例如具有网关和内容都相同的标题栏、页脚栏、导航栏等如果每个网页都设计一次不仅重复劳动而且非常繁琐此时使用母版页可以很好地解决这个问题。 母版页是指可以在同一站点的多个页面间共享使用的特殊网页。用户可以使用母版页建立一个通用布局或者使用母版页在多个页面中显示公共的内容。 母版页的使用与普通的aspx页面类似可以在其中放置任何HTML控件、Web服务器控件或图形等不同之处如下 1 母版页将普通页面的Page指令替换成了Master指令。 2 母版页的扩展名为.master因此不能被浏览器直接查看。 3 母版页中包含若干个ContentPlaceHolder控件是预留出来的显示内容页面的区域。 4 母版页必须在被内容页引用之后才能进行显示。 5 母版页仅仅是一个页面模板不能直接运行。 引用母版页的Web窗体被称为内容页。 在内容页中母版页中的ContentPlaceHolder控件预留的可编辑区会自动替换为Content控件在Content控件中开发人员可以自由设计而在母版页中定义的公共内容将自动显示在内容页不可以被修改。 当用户运行一个引用母版页的内容页时服务器按照如下步骤将页面发送给用户 1 用户通过输入内容页的URL来请求某页面。 2 服务器读取该页面中的Page指令如果该指令引用了一个母版页则读取该母版页。如果是第一次请求这两个页则两个页都要进行编译。 3 服务器将各Content控件的内容合并到母版页相应的ContentPlaceHolder控件中。 4 在浏览器中呈现合并后的完整页面。 4.2.2 创建母版页 1右击网站名称-添加-添加新项-搜索“母版页”-输入名称-添加
2添加完成之后系统自动切换到母版页的源视图
3 从上图可知母版页创建成功之后系统在新建的母版页里自动创建了两个ContentPlaceHolder控件ID分别是head和ContentPlaceHolder1 4 开发人员可以在源视图或者设计视图中添加母版页的内容但是添加的内容不能出现在ContentPlaceHolder控件中因为该区域是为内容页预留的区域。 4.2.3 创建内容页 1、创建内容页的方法 母版页不能单独在浏览器中预览显示效果必须通过引用了该母版页的内容页进行查看。 在内容页中母版页中的ContentPlaceHolder控件预留的可编辑区会自动替换为Content控件内容页的所有内容必须包含在Content控件内创建内容页就是在母版页的可编辑区中填充内容。 创建内容页的方法有两种 1 方法一 右击网站名称-添加-添加新项-选择 Web窗体 并选中右下角的“选择母版页”复选框但是我们正在使用的VS版本没有这个复选框
2 方法二 在VS的解决方案资源管理器中右击要引用的母版页的名称在弹出的快捷菜单中选择“添加内容页”命令就可以在网站中添加一个引用该母版页的空白内容页。
2、内容页与普通Web窗体页的区别 在内容页创建好之后系统会自动切换到内容页的源视图。 内容页与普通Web窗体页有所不同主要体现在一下几个方面 1 在Page指令中增加了Title””和MasterPageFile~/Site1.Master两个指令。
2 在内容页中不包括html、head、title、body、form等Web元素这些元素被放置在母版页中。
3 在内容页中包含若干个asp:Content…和/asp:Content标记内容页的所有元素都包含在Content控件中。 3、应用举例 案例母版页的应用 设计一个母版页然后基于这个母版页创建一个内容页。 1 创建一个空网站。在站点根目录下创建一个名为images的文件夹把准备好的背景图片(.jpg)放入其中。
2 右击网站名称-添加-添加新项-母版页-改名MasterPage.master
3 切换到MasterPage.master的设计视图在页面中应用一个2X2的表格布局
4 把第一行合并设置其背景图片为.jpg在第一行放入一个Label控件设置其Text属性为“母版页的使用”在第二行的左边放入一个Calender控件选择一种自动套用格式把系统自动创建的ID为ContentPlaceHolder1的占位符移到第二行的右边。我不会设置背景图
5 在解决方案资源管理器中右击母版页MasterPage.master在弹出的快捷菜单中选择“添加内容页”命令添加一个名为Default.aspx的内容页。 6 切换到内容页Default.aspx的设计视图在ContentPlaceHolder控件中输入一些文字运行效果图如下所示
4.2.4 从内容页访问母版页的控件 1、从内容页中访问母版页控件的语法格式 在实际应用中经常要通过后台代码从内容页中访问母版页的控件这种访问一般使用FindControl()方法其语法格式如下
2、应用举例 案例使用FindControl()方法访问母版页 在母版页中包含一个Label控件在页面加载时显示“欢迎您”。在内容页中包含两个文本框和一个“登陆”按钮文本框用来接收用户登录时输入的用户名和密码。用户在内容页登陆成功后母版页中的Label控件的内容增加用户在登录时输入的用户名。 1 创建空网站 2 添加母版页MasterPage.master 3 切换到母版页进行页面设计添加一个Label控件ID采用默认名“Label1”PS好像还要加上一个ContentPlaceHolder控件书上没给但是不加的话没法进行第6步 4 切换到母版页的后台代码页面编辑Page_Load事件
5 添加内容页Default.aspx 6 切换到内容页的设计视图在其ContentPlaceHolder控件区域放置一个4x2的表格用于页面布局。在表格中添加两个文本框控件再添加一个Button控件其Text属性修改为登陆
7 切换到内容页的后台代码编写Button1_Click事件
8 运行内容页 母版页和内容页 内容页(扩展名是.aspx)母版页的扩展名为.master 母版页其页面指令以Master来标识内容页其页面指令以Page来标识
