页眉/导航栏/页脚元素未导入新页面

时间:2015-07-26 21:34:58

标签: php header footer userfrosting

我正在使用UserFrosting,到目前为止,我已经能够将所有默认元素导入主页。但是,我现在添加了第二页,但是当我从主页复制以下代码时没有发生任何事情:

{% include 'common/components/head.html' %}
     <rest of code>
{% include 'common/components/main-nav.html' %}
     <rest of code>
{% include 'common/components/footer.html' %}   
{% include 'common/components/jumbotron-links.html' %}

然后我使用了以下php代码:

<?php include("../userfrosting/templates/common/components/head.html"); ?>

这似乎有效,但页面只显示head.html文件中的代码:

{% for item in includeCSS(page_group|default("common")) %} {% endfor %} {% for item in includeJSTop(page_group|default("common")) %} {% endfor %} 

这显然不是很有用!

当我将home和page2.php文件保存在同一文件夹中时(在localhost / userfrosting / templates / common中),我收到错误404.当我将文件移动到默认的UserFrosting主页目录(主页。在localhost / public中,html文件实际上并不存在,我只得到上面的代码。

似乎我在这里遗漏了一些非常基本的东西但是会感激一些帮助。感谢。

1 个答案:

答案 0 :(得分:1)

您正在混淆PHP文件和模板文件。 UserFrosting使用front controller patternTwig模板引擎。因此,每个页面不需要单独的PHP文件。相反,您应该为页面创建一个新的模板文件:

<强> userfrosting /模板/普通/ page2.html

{% include 'common/components/head.html' %}
     // DO NOT use PHP here - just Twig!  See the Twig documentation: http://twig.sensiolabs.org/doc/templates.html
{% include 'common/components/main-nav.html' %}
     // More Twig
{% include 'common/components/jumbotron-links.html' %}
{% include 'common/components/footer.html' %}   

然后,您需要使用此模板链接网址。这是在控制器public/index.php中完成的,例如:

// Miscellaneous pages
$app->get('/page2/?', function () use ($app) {    

    $app->render('common/page2.html', [
        'page' => [
            'author' =>         $app->site->author,
            'title' =>          "Page Deuce",
            'description' =>    "This is the second page, aight?",
            'alerts' =>         $app->alerts->getAndClearMessages()
        ]
    ]);          
});

我强烈建议您阅读有关添加新页面的教程:https://learn.userfrosting.com/building-pages

您还可以在此处了解有关MVC,Slim和Twig的更多信息:https://learn.userfrosting.com/basics/overview

如果您仍有问题,请随意加入chat