章节导航

章节导航

一个章节的页面只需编写一次作为导航,然后根据应用的选择进行展示:在标题下的标签,就像本章节的其他页面一样,或者在进入该章节时的侧边菜单——就像本页面,左侧的菜单就是这个章节的导航。

编写内容

章节的布局设置了页面章节导航:章节是什么(标签、链接),留给什么(返回),以及它的视图(项目),每个都是读者可能打开的路径——其他的则被省略。一个项目在一系列页面上保持高亮(匹配),并且可以拥有自己的视图(子项)。

{%- set page_section_navigation = {
    label: organization.name,
    href: path('organization_show', { id: organization.id }),
    back: { href: path('organization_index'), label: 'Organizations' },
    items: [
        { label: 'Overview', icon: 'ph:bold/gauge', route: 'organization_show', params: { id: organization.id } },
        { label: 'Accounting', icon: 'ph:bold/calculator', route: 'accounting_show', params: { id: ledger.id }, children: [
            { label: 'Bank', icon: 'ph:bold/bank', route: 'accounting_bank_index', params: { ledger: ledger.id }, match: 'accounting_bank_' },
        ] },
    ],
} -%}

绘制内容

布局章节导航说明了如何:默认情况下为标签,显示页面所处的层级——在返回章节的路径下显示视图的子项——或者菜单,展示整个章节,返回路径在顶部,包含当前页面的视图展开。

{# The app's layout: every section takes the side menu while one is in it. #}
{%- set layout_section_navigation = 'menu' -%}