制作书店首页时,不知道该怎么制作 右侧的图书列表,找了很多例子都好难懂,左侧选择类别,右侧则显示该类别下的图书,点击右侧图书进入详细页。

解决方案 »

  1.   

    http://www.runoob.com/bootstrap/bootstrap-tab-plugin.html
      

  2.   

     左边treeview右边datagrid
      

  3.   

     <% DataTable dtNews = BusinessLogic.ReturnDt("select * from 类别表 where ClassId=0 order by sort asc,id asc");
                           if (dtNews.Rows.Count > 0)
                           {%>
                        <%for (int i = 0; i < dtNews.Rows.Count; i++)
                          {%>
                        <li>
                            <a href="页面?cid=<%=dtNews.Rows[i]["ID"] %>"><%=dtNews.Rows[i]["Title"] %>
                            </a>
                            <ul>
                                <!--子类别-->
                                <% DataTable dtNew1 = BusinessLogic.ReturnDt("select * from 类别表 where ClassId=" + dtNews.Rows[i]["ID"] + " order by sort asc,id asc");
                                   if (dtNew1.Rows.Count > 0)
                                   {%>
                                <%for (int i = 0; i < dtNew1.Rows.Count; i++)
                                  {%>
                                <li>
                                    <a href="页面?cid=<%=dtNew1.Rows[i]["ID"] %>"><%=dtNew1.Rows[i]["Title"] %>
                                    </a>
                                </li>
                                <% } %>
                                <% } %>
                            </ul>
                        </li>
                        <% } %>
                        <% } %> 这是左侧类别导航的的
      

  4.   

      <asp:Repeater ID="newlist" runat="server">
                                <ItemTemplate>
                                    <li>
                                        <a href="详细页?id=<%# Eval("ID") %>">
                                            <p><%# Eval("Title") %></p>
                                        </a>
                                    </li>
                                </ItemTemplate>
                            </asp:Repeater> 右侧书籍的