asp.net电子商务系统之4

asp.net电子商务系统之四

下面是通过ProductsList.aspx页面通过点击某一项商品，页面跳转到ProductDetails.aspx商品详细信息的页面，如下图:

该页面有两个EntityDataSource、一个FormView和一个ListView控件,FormView控件通过数据绑定显示的是商品详细信息的列表

<!--商品详细信息列表-->
    <asp:FormView ID="FormView_Product" runat="server" 
    DataKeyNames="ProductID" DataSourceID="EDS_Product">
        <ItemTemplate>
        <div class="ContentHead"><%# Eval("ModelName") %></div><br />
        <table  border="0">
        <tr>

            <td style="vertical-align: top;">
             <img src='Catalog/Images/<%# Eval("ProductImage") %>'  
             border="0" alt='<%# Eval("ModelName") %>' />
            </td>
 
            <td style="vertical-align: top"><%# Eval("Description") %><br /><br /><br />

                <uc1:AlsoPurchased ID="AlsoPurchased1" runat="server" 
                ProductId='<%# Eval("ProductID") %>' />   
            </td>
        </tr>
        </table>
        <span class="UnitCost"><b>单价:</b> <%# Eval("UnitCost", "{0:c}")%><br /><span class="ModelNumber"><b>产品型号:</b> <%# Eval("ModelNumber") %></span><br /><a href='AddToCart.aspx?ProductID=<%# Eval("ProductID") %>' 
        style="border: 0 none white"><img src="~/Styles/Images/add_to_cart.gif" runat="server" 
        alt="" style="border-width: 0" /></a><br /><br /><div class="SubContentHead">评论</div><br />
        <a id="ReviewList_AddReview" href="ReviewAdd.aspx?productID=<%# Eval("ProductID") %>">
           <img runat="server" style="vertical-align: bottom" src="~/Styles/Images/review_this_product.gif" alt="" />
        </a>       
        </ItemTemplate>
    </asp:FormView>

该控件中还通过用户控件，显示了别人也购买了的商品显示，通过下面的代码

<%@ Register src="Controls/AlsoPurchased.ascx" tagname="AlsoPurchased" tagprefix="uc1" %>

可以将用户控件显示在相应位置。

ListView控件主要是将用户对于该商品的评论信息进行显示。下面是ListView控件的前台代码：

<asp:ListView ID="ListView_Comments" runat="server" 
    DataKeyNames="ReviewID,ProductID,Rating" 
    DataSourceID="EDS_CommentsList">
        <ItemTemplate>
            <tr style="background-color:#EDECB3;color: #000000;">
                <td><%# Eval("CustomerName") %></td>
                <td><img src='Styles/Images/reviewrating<%# Eval("Rating") %>.gif' alt=""><br /></td>
                <td><%# Server.HtmlDecode(Eval("Comments").ToString())%></td>
            </tr>
        </ItemTemplate>
        <AlternatingItemTemplate>
            <tr style="background-color:#F8F8F8;">
                <td><%# Eval("CustomerName") %></td>
                <td><img src='Styles/Images/reviewrating<%# Eval("Rating") %>.gif' alt=""><br /></td>
                <td><%# Server.HtmlDecode(Eval("Comments").ToString()) %></td>
            </tr>
        </AlternatingItemTemplate>
        <EmptyDataTemplate>
            <table runat="server" style="background-color: #FFFFFF;border-collapse: collapse;border-color: #999999;border-style:none;border-width:1px;">
                <tr><td>没有任何关于该产品的评论.</td></tr>
            </table>
        </EmptyDataTemplate>
        <LayoutTemplate>
            <table runat="server">
                <tr runat="server">
                    <td runat="server">
                        <table ID="itemPlaceholderContainer" runat="server" border="1" style="background-color: #FFFFFF;border-collapse: collapse;border-color: #999999;border-style:none;border-width:1px;font-family: Verdana, Arial, Helvetica, sans-serif;">
                            <tr runat="server" style="background-color:#DCDCDC;color: #000000;">
                                <th runat="server">客户</th>
                                <th runat="server">评级</th>
                                <th runat="server">评论</th>
                            </tr>
                            <tr ID="itemPlaceholder" runat="server"></tr>
                        </table>
                    </td>
                </tr>
                <tr runat="server">
                    <td runat="server" style="text-align: center;background-color: #CCCCCC;font-family: Verdana, Arial, Helvetica, sans-serif;color: #000000;">
                        <asp:DataPager ID="DataPager1" runat="server" PageSize="3">
                            <Fields><asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" ShowLastPageButton="True" /></Fields>
                        </asp:DataPager>
                    </td>
                </tr>
            </table>
        </LayoutTemplate>
    </asp:ListView>

用DataPager控件对用户评论的列表进行了分页.

上面所有的数据库连接都是通过了EntityDataSource指定数据源，然后通过Where将传入的QueryString参数进行相应数据的绑定