WebFrom 【母版页】
ASP.NET中母版页作用
一是提高代码的复用（把相同的代码抽出来）
二是使整个网站保持一致的风格和样式。
母版页存在就一定要有内容页的存在，否则母版页的存在就没有了意义。
.master
一、添加母版页
在新建的母版页中你会发现自动生成了两个ContentPlaceHolder控件
一个在head区， ID=“head”；
一个在body区，默认ID=“ContentPlaceHolder1”
--这是两个占位符控件，文本位置预留。
二级母版页
母版页是可以嵌套的，即在原母版页的基础上再建立母版页。
嵌套的母版页不会自动生成ContentPlaceHolder 控件，需要手动写入
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MP1.master.cs" Inherits="MP1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="css/css1.css" rel="stylesheet" /> <asp:ContentPlaceHolder ID="head" runat="server"><%--文本位置预留--%>
</asp:ContentPlaceHolder> </head>
<body>
<form id="form1" runat="server">
<div> <div class="header">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <%--标题栏布局--%>
</div> <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"><%--文本位置预留--%>
</asp:ContentPlaceHolder> <div class="footer"></div> <%-- 结尾栏布局--%> </div> <script src="<%=abc() %>"></script> <%--引用外部的js，（在 form 内）--%>
</form>
</body>
</html>
一级母版页
<%@ Master Language="C#" MasterPageFile="~/MP1.master" AutoEventWireup="true" CodeFile="MP2.master.cs" Inherits="MP2" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content> <%--一级母版页预留的坑--%> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> <%--一级母版页预留的坑--%> <div style="width: 30%; float: left; height: 500px; background-color: green;"> 这是一条菜单选项<br />
<br />
这是一条菜单选项<br />
<br />
这是一条菜单选项<br />
<br /> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</div> <div style="width: 70%; float: left; height: 500px; background-color: yellow;"> <asp:ContentPlaceHolder ID="MP2_Content1" runat="server">
</asp:ContentPlaceHolder> <%--二级模板挖的坑，留给后面填--%> </div> <div style="clear: both;"></div> <asp:ContentPlaceHolder ID="mp2_js" runat="server"></asp:ContentPlaceHolder>
</asp:Content>
二级母版页
三、建立使用母版页的Web窗体
在新建web窗体时，选择要套用的母版页
1、套用一级模板页
在新建的web窗体中有两个Content控件，与一级母版页相对应
<%@ Page Title="" Language="C#" MasterPageFile="~/MP1.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <h1>这是页面1，是我们套母版页出来的页面！！！！</h1> </asp:Content>
2、套用二级母版页
在新建Web窗体中只有一个Content控件，自己挖的那个
<%@ Page Title="" Language="C#" MasterPageFile="~/MP2.master" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MP2_Content1" Runat="Server">
<h1>这里是我们套用二级母版页MP2出来的页面啊啊啊！！！！</h1>
</asp:Content>
四、母版页与子页之间数据的传递：
在子页中没有办法从外面访问到母版页的内部
可已写公共方法用调用方法的形式传值
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls; public partial class Default3 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Button1.Click += Button1_Click;
} //点击事件
void Button1_Click(object sender, EventArgs e)
{
string s =TextBox1.Text; //获取文本框的值 Label1.Text = s; MP2 m2 = this.Master as MP2; //获取当前这个页的母版页
m2.aaa(s); //调用这个母版页的方法
}
}
子页
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls; public partial class MP2 : System.Web.UI.MasterPage
{
protected void Page_Load(object sender, EventArgs e)
{ } public void aaa(string a) //二级母版中的 公共方法
{
TextBox1.Text = a; // 将传进来的值赋到 TextBox1 上 MP1 m1 = this.Master as MP1; //获取当前这个页的母版页
m1.m1_aaa(a); //调用这个网页的母版页的方法
}
}
二级母版页
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls; public partial class MP1 : System.Web.UI.MasterPage
{
protected void Page_Load(object sender, EventArgs e)
{ } public void m1_aaa(string a)
{
TextBox1.Text = a; //方法
}
一级母版页
MP1 m1 = this.Master as MP1; //获取当前这个页的母版页
子页 —— 二级母版 —— 一级母版 一层层传递
五、母版页公共的外部样式表路径和外部JS文件的路径匹配
css 会自动匹配相应的路径
js 不会自动匹配
<script src="<%=abc() %>"></script> <%--引用外部的js，（在 form 内）--%>
</form> <%-- 前台引用 --%> --------------------------------------- public string abc()
{
return ResolveClientUrl("js/js1.js");
} <%-- 后台写方法 --%>
引用外部 js 时，可以写一个方法，自动获取正确的路径
return ResolveClientUrl（" 路径 "）
WebFrom 【母版页】的更多相关文章
- webfrom 母版页
ASP.NET中母版页作用 一是提高代码的复用(把相同的代码抽出来) 二是使整个网站保持一致的风格和样式. 母版页存在就一定要有内容页的存在,否则母版页的存在就没有了意义. .master 一.添加母 ...
- CSS 使用母版页的内容页如何调用css和javascript
方案一: 把所有的css样式和javascript函数放到母版页的<head></head>中,我觉得这样做的弊端就是导致母版页的<head></head&g ...
- ASP.NET MVC之路由特性以及母版页呈现方式（十二）
前言 这一节我们开始讲讲基础的东西也就是如题目所言,个人觉得当学习或者利用MVC时,必须得知道最新迭代版本新增了什么,至少得知道MVC 3.MVC 4或者MVC 5有什么区别,而不至于当利用到低版本时 ...
- SharePoint 2013 入门教程之创建及修改母版页
在SharePoint 2013中,微软提供了根据HTML页面转换Master页的方法,并支持单项同步,但是这样的更新,并不完善,会使一些功能造成丢失,所以,了解Master结构的人,尽量直接去修改M ...
- SharePoint 2013 图文开发系列之Visual Studio 创建母版页
一直以来,对于SharePoint母版页的创建,都是使用SharePoint Designer来创建和修改的,而后接触了SharePoint 2013,发现可以使用Html文件,通过设计管理器导入,然 ...
- SharePoint 2013 母版页取消和HTML页关联
前言:在新版本的SharePoint 2013上,有新的功能可以通过HTML导入母版页,然后HTML和Master页面相关联,更改HTML页的时候,Master会自动同步修改,然而,有些时候我们不需要 ...
- 自定义母版页之列表过滤菜单位置issue fix
问题描述: 自定义母版页,为了使左边导航和顶部导航位置不变(不滚动),将原本位于ribbon下方的#s4-workspace调整到左侧导航右边. <div id="s4-workspa ...
- 无废话SharePoint入门教程四[创建SharePoint母版页]
一.前言 文章成体系,如果有不明白的地方请查看前面的文章. 二.目录 1.创建HTML页面 2.将HTML文件转换为SharePoint母版页 3.在 SPD中修改母版页“PlaceHolderMai ...
- 042. asp.net使用缓存来提高母版页的访问性能
Asp.Net缓存技术是一项非常重要的技术, 当一个页面被频繁的访问, 如果不使用缓存技术, 那么每访问一次就要回发一次服务器, 显然这样对服务器造成很大的负担, 所以, 可以在被频繁访问的页面中设置 ...
随机推荐
- ActiveMQ_2安装
Linux安装 环境JDK7以上 gz文件拷贝到 /usr/local/目录下 解压 后缀为 .tar.gz的压缩包 进入解压后的文件夹 cd apache-activemq-x.xx.x/ cd b ...
- 深入理解linux关闭文件和删除文件
背景介绍 最近看了linux系统编程(linux system programming)一书,结合深入理解linux内核(understanding the linux kernel)一书,深入理解了 ...
- ELK学习
[root@log-node1 ~]# cobbler repo add --name=logstash-2.3 --mirror=http://packages.elastic.co/logstas ...
- Python json和pickle模块
用于序列化的两个模块 json,用于字符串 和 python数据类型间进行转换 pickle,用于python特有的类型 和 python的数据类型间进行转换 Json模块提供了四个功能:dumps. ...
- nginx的权限问题(13: Permission denied)解决办法
一个nginx带多个tomcat集群环境,老是报如下错误: 2012/03/07 15:30:39 /opt/nginx/proxy_temp/4/31/0000000314" fail ...
- 项目Alpha冲刺（团队3/10）
项目Alpha冲刺(团队3/10) 团队名称: 云打印 作业要求: 项目Alpha冲刺(团队) 作业目标: 完成项目Alpha版本 团队队员 队员学号 队员姓名 个人博客地址 备注 221600412 ...
- Win10手记-为应用集成日志工具Logger
日志工具由来已久,是很受大家欢迎的debug工具.其中.NET平台上很出名的是log4net,但是由于Windows 10通用应用项目没有了System.Configuration引用,所以也就不能很 ...
- python之装饰器（decorator）
python的装饰器如果用得好,那是大神,用的不好最好别用... 装饰器(decorator)主要包含俩大属性: 1.不能改变原有函数的调用方式 2.不能改变原有函数的代码 第一个表示,我不需要改变原 ...
- app自动化测试中的相关api
这个说的api即python自动化测试中经常会使用到的一些api,具体如下: 1.find_element_by_id/find_elements_by_id 定位元素api,使用方法如下: driv ...
- Xamarin.Android 调用原生的Jar包
我们有时候会从Android原生开发(Java)转移到Xamarin.Android开发时,需要将过去写好的Android Class Library直接嵌入到Xamarin.Android底下使用, ...