3.模板(HelloWorldLeftAndMain Content.ss)

这个模板的预期结构可能有点令人费解,但这一切都归结为:

  1. 本指南共有 3 个部分值得注意:

    • .north
    • .center
    • .south
  2. 它必须完全包含在具有 data-pjax-fragment="Content" 属性的元素中。这是从 sidemenu 生成的 AJAX 调用,知道内容的位置,以便它可以适当地显示它:

<div class="cms-content center $BaseCSSClasses" data-layout-type="border" data-pjax-fragment="Content">

</div>

我不会详细介绍模板功能,我在相关内容中包含了注释,但如果你不理解 SilverStripe 的模板语法,则不应阅读本指南

完整的代码

从下面唯一的事情; 你应该期待已经出现的风格是 <% include CMSBreadcrumbs %> 你必须在之前包含的 CSS 文件中为自己提供的一切

<div class="cms-content center $BaseCSSClasses" data-layout-type="border" data-pjax-fragment="Content">
    <%-- This will add the breadcrumb that you see on every other menu item --%>
    <div class="cms-content-header north">
        <div class="cms-content-header-info">
            <% include CMSBreadcrumbs %>
        </div>
    </div>
    
    <div class="center">
        <%-- Our function in HelloWorldLeftAndMain.php --%>
        $Hello('USER');
        <%-- ^ outputs "Hello USER" --%>
    </div>

    <div class='south'>
        Some footer-worthy content
    </div>
</div>

现在剩下要做的就是为了/dev/build?flush=1 然后你可以在管理面板中查看我们无用的小模块!