在Wagtail中实现多级自定义菜单

from wagtail.core.models import Page
from wagtail.core.fields import StreamField
from wagtail.admin.edit_handlers import FieldPanel, StreamFieldPanel
from wagtail.core import blocks

class MenuItem(blocks.StructBlock):
    label = blocks.CharBlock(required=True)
    url = blocks.URLBlock(required=True)

    class Meta:
        icon = 'link'

class Menu(Page):
    body = StreamField([
        ('menu_item', MenuItem()),
    ])

    content_panels = Page.content_panels + [
        StreamFieldPanel('body'),
    ]

from django.shortcuts import render
from .models import Menu

def menu_view(request):
    menu = Menu.objects.first()  # 获取第一个菜单对象
    return render(request, 'menu.html', {'menu': menu})

{% load wagtailcore_tags %}

<ul>
  {% for item in menu.body %}
    <li>
      <a href="{{ item.value.url }}">{{ item.value.label }}</a>
      {% if item.value.body %}
        <ul>
          {% for subitem in item.value.body %}
            <li><a href="{{ subitem.value.url }}">{{ subitem.value.label }}</a></li>
          {% endfor %}
        </ul>
      {% endif %}
    </li>
  {% endfor %}
</ul>