2017-06-09 5 views
-1

私は基本的にウェブサイトである学校プロジェクトを行う必要があります。HTMLページをTwigテンプレートにする最も良い方法は何ですか?

私たちのクライアントは私のチームにデザインのプレビューを依頼しました。しかし、それまでに私の同僚と私はSymfonyについて何も知らなかった。

私たちは最初に、CSSとJSライブラリを使って静的なHTML Webサイトを作成し、Webサイトの設計に取り掛かりました。

最終的な設計に同意したら、ウェブサイトを動的にする必要がありました。

Symfonyの授業の基礎を学んだ後、私たちはこの技術を採用することに決めました。

私の質問は次のとおりです:私のチームの静的なウェブサイトをTwigテンプレートに「切り替える」最良の方法は何ですか?事前に

おかげで、

+0

あなたはテンプレートファイルに論理的なセクションを破ることができ、それらの名前を適切に指定し、静的コンテンツを動的コンテンツに置き換え、それらをビューとしてロードしますか?それは手動のプロセスでなければなりません。静的なHTMLページをテンプレートファイルに変換するための勇気はない。 –

+0

https://twig.sensiolabs.org/を見て、ドキュメントとサンプルを読んでください。あなたは特定の静的なウェブサイトをダイナミックでテンプレートに相当するものにする方法を決定できるはずです。 –

答えて

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 %} 
関連する問題