母版页的使用(shtml)

原创 2015年07月07日 19:59:07

使用母版页

1.网页很多地方长得一样,也有不一样的地方,Webform的母版页(MasterPage),使用母版页的窗体。
2.母版页太笨重。(加载母版页,然后进行多次填坑,麻烦!)
3.母版页使用ContentPlaceHolder挖坑,“使用母版页的窗体”用Content填坑

案例—1

新建一个母版页peo.Master

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="peo.master.cs" Inherits="wj.peo" %>

<!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>
    <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>
    <asp:ContentPlaceHolder ID="contentplaceholder2" runat="server">

    </asp:ContentPlaceHolder>
</body>
</html>

新建使用母版页的Web窗体

<%@ Page Title="" Language="C#" MasterPageFile="~/peo.Master" AutoEventWireup="true" CodeBehind="muban1`.aspx.cs" Inherits="wj.muban1_" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <!--这里在模板页的第一个位置写内容-->
    <script type="text/javascript">

        alert("欢迎进入本网页!");
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    姓名:<input type="text" id="name"/>
    <br />
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="contentplaceholder2" runat="server">
   北京|如鹏|传智|博客
</asp:Content>

推荐使用shtml轻量级母版页

4.Shtml:ServerSideInclude(SSI),主流web服务器(iis、apache等)都支持。效率高,不需要经过asp.net处理,轻量级。
<!--#include file="info.htm"-->
****服务器拼接****好页面之后就直接发送到了浏览器端了。而且服务器用了缓存技术,将拼接好的页面,缓存一段时,加快了访问时间。

案例—shtml

新建一个头html head.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    关于我们|如鹏|上海|天津|河南
    <br />

新建一个尾html foot.html


<br />
友情链接|荣誉|地址|北京大学|上海大学

</body>
</html>

新建一个1.shtml调用“头”,“尾”文件,在服务器中拼接

<!--#include file="head.html"-->
<br />
<br />
我是shtml的主要部分
<br />
<br />
<!--#include file="foot.html"-->

显示效果

这里写图片描述

版权声明:本文为博主原创文章,未经博主允许不得转载。

asp.net 母版页的使用

  • 2010年11月04日 16:54
  • 46KB
  • 下载

VS2012 ASP.NET 母版页的创建与使用

在做牛腩新闻发布系统的过程中,需要使用ASP.NET的母版页来抽出所有网页的公共部分,以便更好的复用自己的网页布局和设计.     首先我们来看如何创建一个新的母版页,如下图所示:     添加之...

母版页使用详解

  • 2012年04月28日 23:52
  • 61KB
  • 下载

使用SharePoint 2010的母版页

转:http://tanyanbo2.blog.163.com/blog/static/97339159201111591458902/ SharePoint 2010母版页所用的还是ASP.NET...
  • jackljf
  • jackljf
  • 2014年02月25日 23:39
  • 506

asp.net母版页使用详解

母版页(扩展名是.master) 它的使用跟普通的页面一样,可以可视化的设计,也可以编写后置代码。与普通页面不一样的是,它可以包含ContentPlaceHolder控件,ContentPlaceH...
  • yja886
  • yja886
  • 2012年01月02日 11:10
  • 672

asp.net的母版页使用

今天学习了,如何使用asp.net的母版页页面。 做了一个小总结: Master如下:                          ...

学习笔记--asp.net母版页(转自msdn,仅为自己学习存储和有意读者使用)

ASP.NET 母版页 .NET Framework 4 其他版本 12(共 15)对本文的评价是有帮助 - 评价此主题 ...
  • ztzi321
  • ztzi321
  • 2014年04月14日 09:48
  • 842

因为使用母版页而带来的麻烦

本文将为大家介绍一下 ASP.NET 2.0 在创建母版页时引来的麻烦,并分析了问题产生的实质,大家在实际操作中多多注意一下。   一、问题提出   由于总体排版和设计的需要,我们往往创建母版页...

母版页使用练习

CSS样式表: body {     width:980px;     height:600px; } .header {    background-image:url("imag...
  • letIgo
  • letIgo
  • 2011年11月07日 20:10
  • 374
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:母版页的使用(shtml)
举报原因:
原因补充:

(最多只允许输入30个字)