将HTML页面转换为Twig模板的最佳方法是什么?

时间:2017-06-09 21:30:22

标签: html symfony twig

我必须做一个基本上是网站的学校项目。

我们的客户要求我的团队预览设计。然而,到那时,我和我的同事对Symfony一无所知。

所以我们首先创建了一个静态HTML网站(带有CSS和JS库)来处理网站的设计。

一旦我们就最终设计达成一致,我们就必须让网站充满活力。

在课堂上了解了Symfony的基础知识之后,我们决定采用这种技术。

所以我的问题是:将团队的静态网站“转变”为Twig模板的最佳方式是什么?

提前致谢,

1 个答案:

答案 0 :(得分:1)

正如您可以在documentation中看到的那样,您从全球网站模板开始,包含布局和不会发生太大变化的部分。 (菜单,页眉,页脚等。)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{% block title %}Test Application{% endblock %}</title>
    </head>
    <body>
        <div id="sidebar">
            {% block sidebar %}
                <ul>
                    <li><a href="/">Home</a></li>
                    <li><a href="/blog">Blog</a></li>
                </ul>
            {% endblock %}
        </div>

        <div id="content">
            {% block body %}{% endblock %}
        </div>
    </body>
</html>

然后,您可以通过所需的块渲染特定的页面渲染内容:

{# app/Resources/views/blog/index.html.twig #}

{% extends 'base.html.twig' %}

{% block title %}My cool blog posts{% endblock %}

{% block body %}
    {% for entry in blog_entries %}
        <h2>{{ entry.title }}</h2>
        <p>{{ entry.body }}</p>
    {% endfor %}
{% endblock %}