牛腩新闻发布系统——制作母板页

黎明的蜗牛

已于 2023-06-07 16:40:45 修改

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

文章标签： java jquery

于 2013-12-25 16:58:08 首次发布

本文链接：https://blog.youkuaiyun.com/XUJIAOlf/article/details/17557617

本文通过牛腩新闻发布系统实例，介绍如何创建并使用母版页。首先，通过新建项选择母版页，命名为包含顶部图片、搜索框和底部版权的页面。尽管母版页无法预览，但可以通过创建使用它的Web窗体来查看效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以牛腩新闻发布系统为例，复述Web开发母版页制作：

单击右键——新建项——选择母版页、命名——确定。

这个母版页中包含三部分不变的内容：top（图片）、Search（搜索）、footer（底部版权）

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

<!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>
    <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">
            <a href ="Default.aspx"><img src="/Images/niunanlogo.jpg" /></a>
            <a href ="http://www.fanshuxueyuan.com/"><img src="/Images/tg029logo.gif" /></a>
        </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"></asp:TextBox>
            <asp:Button ID="btn" UseSubmitBehavior ="false" runat="server" OnClick="btn_Click" Text="" CssClass="searchbtn" />
        </div>

        <div id="main">
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            </asp:ContentPlaceHolder>
        </div>
        <div id="footer">版权所有©<a href ="http://blog.youkuaiyun.com/xujiaolf" target ="_blank">徐姣姣 </a>&<a href="http://www.fanshuxueyuan.com/" target ="_blank">番薯学院</a></div>
    </form>
</body>
</html>

母版页不能预览，可以新建使用母版页的Web窗体。

使用母版页制作首页（Default.aspx)。同样Web单击右键——添加——新建项——选择“使用母版页的Web窗体”、命名——确定

对首页进行代码编辑操作：

<%@ Page Title="" Language="C#" MasterPageFile="~/common.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Web.WebForm2" %>
<%@ Register src="Control/NewsCategory.ascx" tagname="NewsCategory" tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .auto-style1 {
            height: 26px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="main">
            <!--新闻分类-->
            <uc1:NewsCategory ID="NewsCategory1" runat="server" />
            <!--最新新闻-->
            <div id="newnews" class="commonfrm">
                <h4>最新新闻</h4>
                <asp:GridView ID="gvNewNews" runat="server" AutoGenerateColumns="False" BorderWidth ="0" GridLines="None">
                    <Columns>
                        <asp:TemplateField HeaderText="所属类别" HeaderStyle-CssClass="th_category">
                            <ItemTemplate>
                                [<a class="td_category" href='list.aspx?caid=<%#Eval("caId") %>'><%# Eval("name") %></a>]
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="新闻标题">                         
                            <ItemTemplate>
                                <a href='newscontent.aspx?newsid=<%#Eval("id") %>' target="_blank" title='<%#Eval("title") %>'><%# StringTruncat( Eval("title").ToString(), 18, "...")%></a>                               
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="发布时间" HeaderStyle-CssClass="th_time" ItemStyle-CssClass="td_time">
                            <ItemTemplate>
                                <asp:Label ID="Label1" runat="server" Text='<%# Bind("createtime") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                </asp:GridView>
            </div>
             <!--热点新闻-->
            <div id ="hotnews" class="commonfrm">
                <h4>热点新闻</h4>
                  <asp:GridView ID="gvHotNews" runat="server" AutoGenerateColumns="False" BorderWidth ="0" GridLines="None">
                    <Columns>
                        <asp:TemplateField HeaderText="所属类别" HeaderStyle-CssClass="th_category">
                            <ItemTemplate>
                                [<a class="td_category" href='list.aspx?caid=<%#Eval("caId") %>'><%# Eval("name") %></a>]
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="新闻标题">                         
                            <ItemTemplate>
                                <a href='newscontent.aspx?newsid=<%#Eval("id") %>' target="_blank" title='<%#Eval("title") %>'><%# StringTruncat( Eval("title").ToString(), 18, "...")%></a>                               
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="发布时间" HeaderStyle-CssClass="th_time" ItemStyle-CssClass="td_time">
                            <ItemTemplate>
                                <asp:Label ID="Label1" runat="server" Text='<%# Bind("createtime") %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                </asp:GridView>  
           </div>
        </div>
</asp:Content>