3.模板(HelloWorldLeftAndMain Content.ss)
这个模板的预期结构可能有点令人费解,但这一切都归结为:
-
本指南共有 3 个部分值得注意:
.north
.center
.south
-
它必须完全包含在具有
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
然后你可以在管理面板中查看我们无用的小模块!