牛腩新闻发布系统-数据绑定

将前端的代码敲完之后，今天开始学习后端与前端的整合：绑定数据。

 

前端的代码在网页中主要是起到设置外观的作用，而后端的代码作用是实现网页的相关功能，这二者一定是要整合到一起的！

 

关键控件：GridView

将控件拖拽到要使用数据绑定的地方：

<asp:GridView ID="gvNewNews" runat="server"></asp:GridView>

之后在GridView代码内写表格的格式与数据绑定的详细内容：

<asp:GridView ID="gvNewNews" runat="server" AutoGenerateColumns="False">
            <Columns>
                <asp:TemplateField HeaderText="所属类别" HeaderStyle-CssClass="th_category">
                    <ItemTemplate>
                        <a href='NewsList.aspx?caid=<%#Eval("caid") %>'>[<%# Eval("name") %>]</a>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="新闻标题">
                    <ItemTemplate> 
                        <a class="td_category" href='NewsContent.aspx?newsid=<%# Eval ("id")%>' target="_blank" title='<%# Eval("title") %>'><%# StringTruncat( Eval("title").ToString(),10,"...") %></a>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="发布时间" HeaderStyle-CssClass="th_time" ItemStyle-CssClass="td_time">
                    <ItemTemplate>
                        <asp:Label ID="Label3" runat="server" Text='<%# Bind("createTime") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
</asp:GridView>

<%#Eval()%>是与数据进行绑定的关键代码，括号内的内容与存储过程有关，这里不多讲解。

 

设置好ID，在后端的代码中写下与ID相对应的方法（BLL、DAL层的代码不在本篇博客总结范围中）

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using BLL;

namespace Web
{
    public partial class Frame1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            //判断是否第一次进入界面
            if (!Page.IsPostBack)
            {    
                //实例化新闻管理BLL层
                NewsManager nm = new NewsManager();

                //数据绑定
                GridView1.DataSource = nm.SelectHotTenNews();
                GridView1.DataBind();
            }
        }
    }
}