构建页面站点地图所需的编码概念

Question

我正在使用 VB.NET 3.5 开发 CMS，但我一直坚持一个概念。我有不同的模块，可以做不同的事情，比如所见即所得、联系表格、图片库等……但其中一个正在成为一个挑战，那就是“如何”构建站点地图。

根据记录，我不是在谈论 SEO 站点地图 (XML)，而是类似于 Karamasoft（查看 BMW 或 Dell 风格，了解我的拍摄目的）。

我的数据库有以下列，

ID        ParentID        MenuName        Slug            DateUpdated

1         Null            Home            ~/home          01/01/2010
2         Null            About           ~/about         01/01/2010
3         Null            Contact         ~/contact       01/01/2010
4         2               History         ~/history       01/01/2010
5         2               Future          ~/future        01/01/2010
6         3               Jobs            ~/jobs          01/01/2010

我的代码设置方式是将所有相关字段填充到服务器端的一个对象中，然后我可以多次访问该对象，而无需一遍又一遍地访问数据库。

    Public Shared ReadOnly Property Instance() As List(Of NavigationDataItem)
        Get
            Dim n As New List(Of NavigationDataItem)()

            If _Instance Is Nothing Then

                Dim PagesDC As New Dal.icms_PagesDataContext()
                Dim results = PagesDC.icms_Pages_GetPageMenu().ToList

                For Each o As Object In results
                    If o.isHomePage Then
                        n.Add(New NavigationDataItem(o.ID, o.ParentID, o.MenuName, "~/", o.DateUpdated))
                    Else
                        n.Add(New NavigationDataItem(o.ID, o.ParentID, o.MenuName, o.Slug, o.DateUpdated))
                    End If
                Next

                _Instance = n
            Else : n = _Instance
            End If
            Return n
        End Get
    End Property 'Instance

我想做的是将所有没有 ParentID 的记录（即：它们是顶级项目）列在顶部，并将其所有子记录列在下面。

<table>
  <tr>
    <th>Home</th>
    <th>About</th>
    <th>Contact</th>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>History</td>
    <td>Jobs</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>Future</td>
    <td>&nbsp;</td>
  </tr>
</table>

我希望能够动态设置表格列数，这样如果我有 10 个父项并且仅将宽度设置为 5 列，则其余父项将列在下面的另一个表格行中。

我确信一旦我明白了这个问题，我就可以自己构建代码，我只是在寻找如何解决这个问题的“概念”。

另外，我并不是在寻找树视图，因为这基本上就是我现在正在做的事情，而且我真的一点也不喜欢它。

Answer 1

您可以使用 DataList 设置列数并仅将其与顶级项目绑定。然后使用一个简单的函数来获取每个主项目的子项目，并使用转发器渲染它们：

<asp:DataList RepeatColumns="5" DataSource="<%#GetParentMenuItems()%>" runat="server">
  <ItemTemplate>
    <h1><%#Container.DataItem.MenuName%></h1>
    <hr />
    <asp:Repeater DataSource="<%#GetChildMenuItems(Container.DataItem.ID)%>" runat="server">
      <ItemTemplate>
        <a href="<%#Container.DataItem.Slug%>"><%#Container.DataItem.MenuName%></a>
        <br />
      </ItemTemplate>
    </asp:Repeater>
  </ItemTemplate>
</asp:DataList>

理想情况下，子项目将是挂在父项上的集合，然后您可以将嵌套的转发器直接绑定到它。然后，您可以创建一个呈现项目的用户控件，然后嵌套自身以呈现任何子项目。

顺便说一句：我认为坚持使用 .NET 站点地图而不是自己制作站点地图会对自己有利。许多方便的控件都在使用它，并且它与 ASP.NET 框架的其余部分很好地集成。 :)

Answer 2

使用 ASP:Table 控件并一次添加一个单元格，当达到所需宽度 (5) 时开始新行