ASP.Net巧用窗体母版页
背景:每个网页的基本框架结构类似:
浏览网站的时候会发现,好多网站中,每个网页的基本框架都是一样的,比如,最上面都是网站的标题,中间是内容,最下面是网站的版权、开发提供商等信息:
在这些网页中,表头、底部的样式和内容都是一样的,不同的只是中间的内容。
因此在制作网站时,可以将这些共同的东西分离出来,放到“窗体母版页”中,在需要的时候嵌套就可以。
巧用窗体母版项:
下面就开始行动(本文是以VisualStudio2013作为编程环境,可能在某些步骤与其他版本有所出入,请自行注意):
1、在项目中添加一Web窗体母版页test.Master:右键项目—添加—新建项—Web窗体母版页;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<%@ Master Language= "C#" AutoEventWireup= "true" CodeBehind= "test.master.cs" Inherits= "Web.test1" %> <meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" > <title></title> <asp:ContentPlaceHolder ID= "head" runat= "server" > <form id= "form1" runat= "server" > <div> </asp:contentplaceholder> </div> </form> <!--html> |
2、在窗体母版页test.Master的标记之间添加CSS、JS等引用(这里先只添加CSS文件为例):
1
2
3
4
5
|
<link href= "css/common.css" rel= "stylesheet" > <%--添加引用CSS文件--%> <meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" > <title></title> </asp:contentplaceholder> |
3、编辑窗体母版页test.Master,添加每个网页的公共内容(此处以网页布局为上图的布局为例,三个div的css样式就暂不说明):
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<form id= "form1" runat= "server" > <div id= "top" > <%--每个网页的公共样式:网页头部--%> <h1>某某某网站</h1> </div> <div id= "main" > <%--每个网页的不同样式:网页主体内容--%> <%--此处为每个嵌套此母版的各个网页的不同内容--%> </asp:contentplaceholder> </div> <div id= "footer" > <%--每个网页的公共样式:网页版权信息区--%> <p>版权所有:******</p> </div> </form> |
4、在每个网页中嵌套窗体母版页test.Master:右键项目—添加—新建项—包含母版页的Web窗体test.aspx,在选择母版页对话框中选择test.Master,确定,生成的网页为:
1
2
3
4
5
|
<%@ Page Title= "\" Language=" C# " MasterPageFile=" ~/common.Master " AutoEventWireup=" true " CodeBehind=" test2.aspx.cs " Inherits=" Web.test2" %> </asp:content> </asp:content> |
此时这个窗体test.aspx和母版页test.Master的运行效果是一样的,接下来就是加上每个网页中的不同的内容。
5、此时,网页test.aspx中ContentPlaceHolderID=“head”和ContentPlaceHolderID=“contentPlaceHolder”的就相当于母版页test.Master中对应的。所以假如每个网页都会有相同部分,就可以把相同部分写在母版页的相应位置,而将每个网页的不同内容写在ContentPlaceHolderID=“contentPlaceHolder”的中。
比如,第4步中,这个test.aspx已经嵌套了这个样式,它的主题内容为 “ 网站内容 网站内容 网站内容 网站内容…… ”,则test.aspx中的代码为:
1
2
3
4
5
6
|
<%@ Page Title= "\" Language=" C# " MasterPageFile=" ~/common.Master " AutoEventWireup=" true " CodeBehind=" test2.aspx.cs " Inherits=" Web.test2" %> </asp:content> <p>网站内容 网站内容 网站内容 网站内容…… </p> </asp:content> |
假如我又建了一个名为test1.aspx的网页,除了与test1.aspx中的主体内容不一样之外,其他都一样,那么就可以让test1.aspx嵌套母版页test.Master,代码为:
1
2
3
4
5
6
|
<%@ Page Title= "\" Language=" C# " MasterPageFile=" ~/common.Master " AutoEventWireup=" true " CodeBehind=" test2.aspx.cs " Inherits=" Web.test2" %> </asp:content> <p>网站内容 1 网站内容 1 网站内容 1 网站内容 1 …… </p> </asp:content> |
拓展:母版页嵌套母版页
当整个网站内的所有网页并不是这一种样式,而是一个大的网站分为几个栏目,每个栏目中网页的风格样式统一,这时候可以用母版页来嵌套母版页 :
现在再建立一个母版页(我在这里给它取名为“子母版页”),用它来嵌套上面的母版页test.Master,代码为:
1
2
3
4
5
6
7
8
9
10
11
|
<%@ Master Language= "C#" MasterPageFile= "~/test.Master" AutoEventWireup= "true" CodeBehind= "m_common.master.cs" Inherits= "Web.admin.m_common" %> </asp:content> <%--此处为嵌套“子母版页”的各个网页的不同内容--%> </asp:contentplaceholder> </asp:content> |
注意,代码第一行的MasterPageFile=“~/test.Master”即要嵌套的母版页的地址,“~”为当前目录。
嵌套网页母版项的好处:
可以利用VisualStudio中的窗体母版页来将每个页面中相同的部分进行封装,在创建相同结构的网页时,便可以直接嵌套这个窗体母版页,避免了代码的重复,提高了代码的复用性;另外,如果要修改一个栏目甚至整个网站的风格,则只需修改母版页以及母版页中引入的<script>等文件,提高了代码的可维护性,充分体现了OOP的思想。
ASP.Net巧用窗体母版页的更多相关文章
- ASP.NET中 WebForm 窗体控件使用及总结【转】
原文链接:http://www.cnblogs.com/ylbtech/archive/2013/03/06/2944675.html ASP.NET中 WebForm 窗体控件使用及总结. 1.A, ...
- 《ASP.NET1200例》解决母版页报错“内容控件必须是内容页中的顶级控件,或是引用母版页的嵌套母版页。”
VS2005下,添加了母版页这个控件,我们可以讲N个页面中共同的部分放在母版页来实现,并让WEB窗体集成自我们的母版页,就可以让我们的站点具有统一的风格了.在VS2005SP1之前的版本中,我们只能创 ...
- ASP.NET MVC:窗体身份验证及角色权限管理示例
ASP.NET MVC 建立 ASP.NET 基础之上,很多 ASP.NET 的特性(如窗体身份验证.成员资格)在 MVC 中可以直接使用.本文旨在提供可参考的代码,不会涉及这方面太多理论的知识. 本 ...
- 20150813 Asp.net 关闭子窗体 刷新Tree控件
主窗体************************************************************************************ using System ...
- [转载].NET ASP.NET 中web窗体(.aspx)利用ajax实现局部刷新
之前开发的一套系统中用到了大量的 checkboxList 控件,但是每次选定之后都会刷新整个页面,用户体验很差,百度了之后查到这篇文章,尝试了一下可以实现,所以转载了过来,记录一下,也给其他有相同困 ...
- asp.net 关闭子窗体 刷新主窗体
主窗体************************************************************************************ //原窗口保留,以对话框 ...
- MapXtrem + Asp.net 地图随窗体改变大小
在B/S框架下,MapXtreme都是基于图片的,也就是说在客户端显示的地图实际上都是一张图片. 地图控件 <cc1:MapControl ID="/> 在调试模式下,编译后的地 ...
- asp.net页如何获取母版页控件
获取母版页的相关内容有两种方法 1 通过findcontrol找控件ID需要在此事件中~因为Page_load中时是先内容页加载然后才是母版页加载 protected void Page_LoadCo ...
- Winform巧用窗体设计完成弹窗数值绑定-以重命名弹窗为例
场景 在WIinform中有一种场景就是对文件进行重命名时需要获取原来的名字并填充窗体中的输入框, 然后在点击保存时还要能获取弹窗中输入框的内容. 比如点击重命名时弹窗 点击确认时获取输入框内容. 注 ...
随机推荐
- 浅谈SVG(可缩放的矢量图形)
前一段项目中用到了svg图片就和其他的元素一样 直接引用就可以展示在页面上,因为项目紧张没有仔细的研究,最近在扩展自己的基础知识,偶然看到了这个东西,于是总结了一些博客园中关于这个svg的基础知识,只 ...
- 阿里云ubuntu16.04安装ruby
0x0 准备 环境:阿里云轻量服务器ubuntu16.04 目的:安装beef需要的ruby环境 更新软件 sudo apt-get update sudo apt-get upgrade sudo ...
- 认识 Iconfont 以及什么是 .eot、.woff、.ttf、.svg
一.Iconfont 1. 概述 在前端作业中,二十年前只有页面中铺满文字就算上线产品,现如今,不加点俏皮的“图标”会让页面显得很 Low 很 Low. 图标 在写这篇文章之前,我一直以为上图中的 ...
- Alpha 冲刺报告模板
Alpha 冲刺报告模板 Deadline: 十分钟左右站立会议,控制好时间,不要在此会议上讨论细节问题. 每组一份博客,组内共享,每人都需提交. 模板 队名:xxx 组员1(组长) 今天完成了哪些任 ...
- webpack打包使用
md创建文件夹 dir是遍历 如何安装node环境 首先下载安装包;安装好以后 使用cmd命令 建立一个新的文件夹(一定是英文的),然后cmd 命令中 cd 进入所安装的盘的地址. 在该文件夹下面 使 ...
- Java字节流与字符流
九.字节流与字符流 9.1 IO的分类 <段落>根据数据的流向分为:输入流和输出流. 输入流 :把数据从其他设备上读取到内存中的流. 输出流 :把数据从内存 中写出到其他设备上的流. 数据 ...
- SSM 中 BaseController 使用 session
转载: http://blog.sina.com.cn/s/blog_7085382f0102v9jg.html public class BaseController { //region Http ...
- GCD - Extreme (II) UVA - 11426(欧拉函数!!)
G(i) = (gcd(1, i) + gcd(2, i) + gcd(3, i) + .....+ gcd(i-1, i)) ret = G(1) + G(2) + G(3) +.....+ G(n ...
- 【题解】 [SDOI2009] Elaxia的路线(最短路+拓扑排序)
懒得复制,戳我戳我 Solution: 题目大概意思就是找两条最短路后,找出最长公共部分 我们就只用以四个点为源点开始走\(SPFA\),然后我们就只用遍历每条边然后建立一个新的拓扑图,然后随便搞一下 ...
- 【poj2187】最远点对(勉强凑数)
题目简述 输入n个点,及其坐标,n<=50000,所有坐标都是不超过10000的整数组成,没有重点. 问最远点对间的距离的平方是多少 题解 这是一道旋转卡壳的裸题 我们要求这个多边形的直径,这可 ...