zoukankan      html  css  js  c++  java
  • Asp.Net母版页的使用

    背景:回顾下以前用到过的asp.net控件

    介绍:

      使用 ASP.NET 母版页可以为应用程序中的页创建一致的布局。单个母版页可以为应用程序中的所有页(或一组页)定义所需的外观和标准行为。然后可以创建包含要显示的内容的各个内容页。当用户请求内容页时,这些内容页与母版页合并以将母版页的布局与内容页的内容组合在一起输出。

      母版页为具有扩展名 .master的asp.net文件。

    原理:

      母版页主要是由母版页本身(.master文件)和一个或多个内容页组成。

      母版页包括一个或多个 <asp:ContentPlaceHolder ID="TestContentPlaceHolder" runat="server"/> 控件,在内容页中可以定义要替换的内容。

      容页中通过添加 Content 控件并将这些控件映射到母版页上的 ContentPlaceHolder控件来创建内容。

    示例代码:

    代码
    <%@ Page Title="" Language="C#" MasterPageFile="~/TestMain.Master" AutoEventWireup="true" CodeBehind="AnotherTestPage.aspx.cs" Inherits="Maticsoft.Web.AnotherTestPage" %>

    <asp:Content ID="Content1" ContentPlaceHolderID="TestContentPlaceHolder" runat="server">
    <div style=" 100%; height:100%; background-color:#666666">
    <div style=" margin:10px 0 0 10px">
    <h4>
    这里是另一个内容页(AnotherTestPage.aspx)
    </h4>
    <p style=" font-size:12px; font-family:宋体">
    &nbsp;&nbsp;&nbsp;&nbsp;Master Page 使您有能力为 web 应用程序中的所有页面(或页面组)创建一致的外观和行为。
    Master Page 为其他页面提供了模版,带有共享的布局和功能。Master Page 为内容定义了可被内容页面覆盖的占位符。而输出结果就是 Master Page 和内容页面的组合。
    <br />
    &nbsp;&nbsp;&nbsp;&nbsp;内容页包含您希望显示的内容。
    当用户请求内容页时,ASP.NET 会对页面进行合并以生成输出,输出结果对 Master Page 的布局和内容页面的内容进行了合并。
    </p>
    </div>
    </div>
    </asp:Content>
    母版页代码
    <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="TestMain.master.cs" Inherits="Maticsoft.Web.TestMain" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
    <title></title>

    <style type="text/css">
    #main
    {
    width
    :800px;
    height
    :600px;
    background-color
    :#aaa;
    }
    #head
    {
    width
    :100%;
    height
    :100px;
    background-color
    :#c1c1e5;
    }
    #content
    {
    width
    :100%;
    height
    :500px;
    }
    #left
    {
    width
    :150px;
    height
    :100%;
    float
    :left;
    }
    #center
    {
    width
    :650px;
    height
    :100%;
    float
    :left;
    }
    a
    {
    text-decoration
    :none;
    }
    </style>
    </head>
    <body>
    <form id="form1" runat="server">
    <div id="main">
    <div id="head">
    <h1 style="margin:10px 0 0 10px">母版页测试</h1>
    </div>
    <div id="content">
    <div id="left">
    <h3 style=" margin:10px 0 0 10px">左侧导航</h3>
    <div style=" margin-left:20px; font-size:18px; font-family:Verdana">
    <a href="TestPage.aspx">asp.net</a><br />
    <a href="AnotherTestPage.aspx">CSS</a><br />
    <a href="#">HTML</a><br />
    <a href="#">JQuery</a>
    </div>
    </div>
    <div id="center">
    <asp:ContentPlaceHolder ID="TestContentPlaceHolder" runat="server">
    </asp:ContentPlaceHolder>
    </div>
    </div>
    </div>
    </form>
    </body>
    </html>

    效果图:

  • 相关阅读:
    远程连接mysql数据库注意点记录
    一个支持chrome、firefox的全屏插件
    Windows Phone应用程序Tombstone执行模型总结
    Windows Phone页面导航和独立存储开发总结
    【讨论帖】控制分布式缓存“及时”过期的一种实现
    Java HashMap的死循环的启示
    You must use the Role Management Tool to install or configure Microsoft .NET Framework 3.5 SP1
    Analysis Service Tabular Model #003 Multidimensional Model VS Tabular Model 我们该如何选择?
    Analysis Service Tabular Model #002 Analysis services 的结构:一种产品 两个模型
    基于DotNet构件技术的企业级敏捷软件开发平台 AgileEAS.NET 4.0 最新发布版本 下载使用说明
  • 原文地址:https://www.cnblogs.com/xqhppt/p/1847348.html
Copyright © 2011-2022 走看看