母版页的使用(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"-->

显示效果

这里写图片描述

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

母版页的使用(shtml)

使用母版页 1.网页很多地方长得一样,也有不一样的地方,Webform的母版页(MasterPage),使用母版页的窗体。 2.母版页太笨重。(加载母版页,然后进行多次填坑,麻烦!) ...
  • xcl13014673050
  • xcl13014673050
  • 2015年07月07日 19:59
  • 382

引用CSS文件到html网页里的四种方法

引用CSS文件到html网页里方法 引用CSS文件到Html方法-css引入,css引用 引用自:http://www.divcss5.com/rumen/r56.shtml 使...
  • qq_33810513
  • qq_33810513
  • 2016年09月11日 15:52
  • 1363

shtml include使用方法

应用它可以把网站中一些公共区域做成独立的页面,然后利用此技术嵌入到其它需要此区域内容的页面中去。  机制:  SSI机制是动态包含,而不是静态生成,是由web服务器比如apache在收到用户的...
  • sure_viola
  • sure_viola
  • 2015年05月06日 15:30
  • 523

asp.net2005中,在shtml页面中,通过asp.net页面调用数据库数据~

script language="javascript" src="../WEBUI/NOVEL/ShowChapterData.aspx?Cid=295" type="text/javascript...
  • marxTen
  • marxTen
  • 2007年01月12日 14:47
  • 1358

SSI使用详解

综述   SSI是英文Server Side Includes的缩写,翻译成中文就是服务器端包含的意思。从技术角度上说,SSI就是在HTML文件中,可以通过注释行调用的命令或指针。SSI具有强大的功能...
  • bjbs_270
  • bjbs_270
  • 2004年10月18日 14:49
  • 1255

转载 tomcat 下使用 shtml

一、介绍:   SSI是Server Side Includes的缩写,是嵌入到HTML页面的一组指令的集合。在返回请求的页面(包含SSI指令)前,服务器会处理这些指令,并用处理的结果替换指令,然  ...
  • jlnmaster
  • jlnmaster
  • 2010年03月22日 15:48
  • 1810

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

【前言】     在做牛腩新闻发布系统的过程中,需要使用ASP.NET的母版页来抽出所有网页的公共部分,以便更好的复用自己的网页布局和设计. 【过程】     首先我...
  • ningmengbaby
  • ningmengbaby
  • 2017年07月21日 10:45
  • 508

ASP.net 使用母版页的页面如何使用css

可以直接在母版页.master文件里的head里添加即可
  • wf824284257
  • wf824284257
  • 2017年03月15日 18:15
  • 260

静态页面html、shtml增加动态内容 使用apache ssi

     大家如果想统一维护静态页面的头文件和尾文件,可以使用apache的ssi指令,具体可以参考官方文档http://man.chinaunix.net/newsoft/ApacheManual/...
  • leidengyan
  • leidengyan
  • 2011年01月06日 11:53
  • 2446

在html文件里使用include SSI指令

解决问题之前先熟悉几个概念: SSI指令: SSI是Server Side Include的缩写,从字面上就可以看出这是一组在服务器端执行的指令,一般的web服务器(如Netscape Enterpr...
  • hurtmanzc
  • hurtmanzc
  • 2006年11月16日 18:36
  • 3507
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:母版页的使用(shtml)
举报原因:
原因补充:

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