牛腩新闻发布系统——制作母板页
2013-12-25 16:58
411 查看
以牛腩新闻发布系统为例,复述Web开发母版页制作:
单击右键——新建项——选择母版页、命名——确定。
这个母版页中包含三部分不变的内容:top(图片)、Search(搜索)、footer(底部版权)
母版页不能预览,可以新建使用母版页的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.csdn.net/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>
相关文章推荐
- 牛腩新闻发布系统(4)——可变宽度的圆角框制作
- 【牛腩新闻发布系统】--后台、界面制作总结
- 牛腩新闻发布系统——总结
- 【牛腩新闻发布系统】基础篇之颗粒归仓
- 【牛腩新闻发布系统】——分页其实很简单
- 牛腩新闻发布系统——初探Javascript
- 【牛腩新闻发布系统】--总结
- 牛腩新闻发布系统(一):SQLHelper重构(一)
- 【牛腩新闻发布系统】——FreeTextBox控件的使用
- 【牛腩新闻发布系统】--防止sql注入
- 牛腩新闻发布系统之获取IP
- 牛腩新闻发布系统--学习Web的小技巧汇总
- DRP PK 牛腩新闻发布系统
- 【牛腩新闻发布系统 一】如何高效写代码
- 牛腩新闻发布系统小结二之U层设计与使用
- 【牛腩新闻发布系统】——再看配置文件
- 牛腩新闻发布系统-图片路径问题(相对路径和绝对路径)
- 牛腩新闻发布系统总结
- 【牛腩新闻发布系统】视图学习
- 牛腩新闻发布系统的总结