牛腩新闻发布系统：母版页

最新推荐文章于 2019-06-30 09:03:34 发布

Marshall Ren

最新推荐文章于 2019-06-30 09:03:34 发布

阅读量277

点赞数 1

分类专栏： ASP.NET

本文链接：https://blog.csdn.net/Marshallren/article/details/92845392

版权

ASP.NET 专栏收录该内容

29 篇文章 1 订阅

订阅专栏

前言：唉，说好的及时总结，自己又有阵子不写博客了，罪过罪过...今天就来总结一下母版页趴

前面在机房重构的时候，我们用到了模板方法模式（博客：https://blog.csdn.net/Marshallren/article/details/90347254），今天要讲的母版页其实也有类似点：都可以利用一个母版为其他的子版提供一个标准与行为。

建立母版页：右击Web项目，新建项，添加Web窗体母版页

母版页代码：

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

<!DOCTYPE html>

<html>
<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>
</body>
</html>

其中的重要代码：

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>

我们在之后的子版页中需要这两行代码来完成子版对母版的套用。

之后在母版页中写下自己要设定的外观。

（下方是自己的代码，有、抽象，大家笑一笑就好）

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

<!DOCTYPE html>

<html>
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>首页-牛腩新闻发布系统</title>
    <link href="css/common.css" rel="stylesheet" />
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
        <div id="top">
            <img src="image/Why-so-serious.gif" />
            <img src="image/摇就Vans辣.gif" />
            <img src="image/欧拉欧拉欧拉！.gif" />
            <img src="image/摇就Vans辣.gif" />
            <img src="image/Why-so-serious.gif" />
        </div>
        <div id="search">
            搜索条件：
            <asp:RadioButton ID="radTitle" GroupName="cond" runat="server" Text="标题" Checked="true" />
            <asp:RadioButton ID="radContent" GroupName="cond" runat="server" Text="内容" />
            <asp:TextBox ID="txtKey" runat="server" CssClass="textbox"></asp:TextBox>
            <asp:ImageButton ID="ibtnSearch" ImageUrl="~/image/search.png" runat="server" />
        </div>
        <div id="main">
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            </asp:ContentPlaceHolder>
        </div>
        <div id="footer">
            版权所有 &copy;<a href="http://niunan.javaeve.com" target="_blank">牛腩</a>&amp;<a href="http://www.tg029.com" target="_blank">众志网</a>
        </div>
    </form>
</body>
</html>

*需要注意的是：母版页无法直接运行，需要子版网页才能运行。

建立子版页：右击Web项目-新建项-包含母版页的Web窗体-选择母版页

common.Master就是刚才我建立的母版页。

<%@ Page Title="" Language="C#" MasterPageFile="~/common.Master" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Web.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content>

这时我们运行看一看效果：

这样我们的主要框架就建立好了，若想在这一个框架内放其他不同的内容，则可以在下面的代码中写自己自定义的内容。

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>

Marshall Ren

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
4
评论
牛腩新闻发布系统：母版页

前言：唉，说好的及时总结，自己又有阵子不写博客了，罪过罪过...今天就来总结一下母版页趴前面在机房重构的时候，我们用到了模板方法模式（博客：https://blog.csdn.net/Marshallren/article/details/90347254），今天要讲的母版页其实也有类似点：都可以利用一个母版为其他的子版提供一个标准与行为。建立母版页：右击Web项目，新建项，添...
复制链接

扫一扫

专栏目录