symfony 细枝模板延伸

8hhllhi2  于 2023-02-16  发布在  其他
关注(0)|答案(1)|浏览(118)

我试图建立一个单独的共同页眉和页脚的页面布局,从树枝模板扩展。
页面布局这是一个典型的一个与一些代码如下:

<!doctype html>
<html class="no-js" lang="zxx">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Soccer | Home</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <!-- Place favicon.ico in the root directory -->
    <link rel="shortcut icon" type="image/x-icon" href="{{ asset('assets/images/fav.png') }}">

    <!-- CSS BLOCK -->
    {% stylesheets 'assets/css/*' 'assets/css/style.css' filter='cssrewrite' %}
        <link rel="stylesheet" href="{{ asset_url }}"/>
    {% endstylesheets %}
</head>
<body class="home-two">

    {% block page_layout_header %} {% endblock %}

    {% block content %} {% endblock %}

    {% block page_layout_footer %} {% endblock %}

    <!-- JS BLOCK -->
    {% javascripts 'assets/js/jquery.min.js'
        'assets/js/rsmenu-main.js'
        'assets/js/jquery-ui.min.js'
        'assets/js/bootstrap.min.js'
        'assets/js/jquery.meanmenu.js'
        'assets/js/wow.min.js'
        'assets/js/slick.min.js'
        'assets/js/masonry.js'
        'assets/js/owl.carousel.min.js'
        'assets/js/time-circle.js'
        'assets/js/jquery.magnific-popup.js'
        'assets/js/main.js' %}
            <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

</body>
</html>

我在(app\Resources\views\parts\page_layout_header.html.twig)下得到了另一个文件,在那里我设置了网站的一部分,从pagelayout.html.twig扩展而来。
最后,root_folder位于full/home.html.twig下,它呈现了一个简单的模板,如下所示:

{% extends "pagelayout.html.twig" %}
{% block content %}
    <h1>Root page</h1>
{% endblock %}

ezplatform.yml中,我设置了根文件夹和一行标题分支。

content_view:
    full:
        root_folder:
            template: "full/home.html.twig"
            match:
                Id\Location: 67
    line:
        line_part_header:
            template: "parts/page_layout_header.html.twig"
            match:
                Identifier\ContentType: ['defined_content_type']

这个问题出现时,启动127.0.0.1:8000根页面,似乎没有呈现。只有来自根ez文件夹的内容显示没有任何CSS样式。似乎从小枝模板扩展是不工作...
编辑:去更好地解释我的情况。
这是pagelayout.html.twig的一部分,pagelayout.html.twig包含所有CSS、js和块定义

{% stylesheets 'assets/css/*' 'assets/css/style.css' filter='cssrewrite' %}
    <link rel="stylesheet" href="{{ asset_url }}"/>
{% endstylesheets %}

{% block header %} {% endblock %}

{% block content %} {% endblock %}

{% block footer %} {% endblock %}

<!-- BLOQUE JS -->
{% javascripts 'assets/js/*' %}
    <script src="{{ asset_url }}"></script>
{% endblock %}

接下来,我得到了一个page_layout_header.html.twig,它包含一个顶栏和主菜单。

{% extends ':themes/club:pagelayout.html.twig' %}
{% block header %}
<!--Header area start here-->
<header>
    <div class="header-top-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="header-top-left">
                        <ul>
                            <li><a href="mailto:#"><i class="fa fa-envelope-o" aria-hidden="true"></i> {{ ez_render_field( content, 'web_config_email_contacto' ) }}</a></li>
                            <li><img src="{{ asset('assets/images/logo/flag.jpg') }}" alt="Logo">
                            ......
                            ......

最后,这是配置:

home:
    template: "themes/club/full/home/home.html.twig"
    match:
        Id\Location: 2
full_top:
    template: "themes/club/parts/page_layout_header.html.twig"
    match:
        Identifier\ContentType: 'informacion_general'

因此,在测试http://127.0.0.1时,我只能看到{{ ez_render_field(content, 'description') }}

6bc51xsx

6bc51xsx1#

扩展模板是指子模板对父模板的扩展,但并不意味着父模板包含子模板。
因此,您的两个模板(home.html.twigpage_layout_header.html.twig)都独立地扩展pagelayout.html.twig,并且它们都不知道对方的任何信息。
我不熟悉EzPlatform,但看起来fullline视图类型只是由ViewProvider或类似的东西选择的不同配置。
所以我决定你应该嵌入html的可重用部分,简单地包含它,就像这样:

{% include 'page_layout_header.html.twig' %}

https://twig.symfony.com/doc/2.x/tags/include.html
或者通过像这样用单独的控制器来呈现它:

{{ render(controller("ez_content:viewAction", {"contentId": 123, "viewType": "line"})) }}

https://doc.ezplatform.com/en/2.1/guide/content_rendering/#embedding-content-items

相关问题