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

本文通过牛腩新闻发布系统实例,介绍如何创建并使用母版页。首先,通过新建项选择母版页,命名为包含顶部图片、搜索框和底部版权的页面。尽管母版页无法预览,但可以通过创建使用它的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>


                             

 

评论 49
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值