Silex フレームワークでテンプレートエンジン Twig を使用するにはどうすればよいですか?

PHPz

リリース： 2023-06-03 09:28:01

オリジナル

697 人が閲覧しました

Web 開発のプロセスにおいて、テンプレートエンジンを使用すると、フロントエンド開発の作業負荷が大幅に軽減され、Web アプリケーションの保守性も向上します。 Twig は、シンプルで読みやすく、拡張性の高い人気のある PHP テンプレートエンジンです。この記事では、Silex フレームワークで Twig テンプレートエンジンを使用する方法を紹介します。

Twig のインストール

まず、Composer を使用して Twig をインストールする必要があります。プロジェクトディレクトリに入り、次のコマンドを実行します:

composer require twig/twig

ログイン後にコピー

インストールが完了したら、Silex に Twig サービスプロバイダーを登録する必要があります:

// index.php
require_once __DIR__.'/vendor/autoload.php';

$app = new SilexApplication();

// 注册Twig服务提供器
$app->register(new SilexProviderTwigServiceProvider(), array(
    'twig.path' => __DIR__.'/views',
));

ログイン後にコピー

上記のコードでは、## を使用します。 #registerTwig サービスプロバイダーを Silex アプリケーションに登録し、Twig テンプレートファイルが保存されているディレクトリを指定するメソッド。

基本的な使い方

Twig には、テンプレートと変数という 2 つの非常に重要な概念があります。テンプレートはデータのレンダリング方法を記述したファイルであり、変数はテンプレートで使用するデータです。

シンプルなテンプレートファイルを作成しましょう:

<!-- views/hello.html.twig -->

<!DOCTYPE html>
<html>
<head>
    <title>Hello Twig</title>
</head>
<body>
    <h1>Hello {{ name }}!</h1>
</body>
</html>

ログイン後にコピー

上記のコードのように、Twig が提供する

{{}} 構文を使用して変数を挿入できます。 #{{ name }} は、name 変数の値をテンプレート内の位置にレンダリングすることを意味します。次に、上記のテンプレートファイルをレンダリングするルートを Silex で作成します。具体的なコードは次のとおりです。

// index.php
require_once __DIR__.'/vendor/autoload.php';

$app = new SilexApplication();

$app->register(new SilexProviderTwigServiceProvider(), array(
    'twig.path' => __DIR__.'/views',
));

// 定义路由
$app->get('/hello/{name}', function ($name) use ($app) {
    return $app['twig']->render('hello.html.twig', array(
        'name' => $name,
    ));
});

$app->run();

ログイン後にコピー

上記のコードでは、

$app['twig']

を使用して Twig インスタンスを取得し、render を使用します。メソッドを使用してテンプレートファイルをレンダリングし、同時にテンプレート内の name 変数の値を渡します。 http://localhost:8000/hello/world にアクセスすると、次のような出力が表示されます。

<!DOCTYPE html>
<html>
<head>
    <title>Hello Twig</title>
</head>
<body>
    <h1>Hello world!</h1>
</body>
</html>

ログイン後にコピー

ネストされたテンプレート

Twig は、複数のテンプレートの組み合わせもサポートしています。一緒にレンダリングすると、テンプレートの構造とコンテンツを分離するのが非常に便利になります。たとえば、Web サイトの先頭と下部を分離し、それぞれ

header.html.twig

および footer.html.twig として保存し、それらを他のテンプレートにネストできます。ブログ投稿を表示するためのテンプレートファイルを作成しましょう:

<!-- views/post.html.twig -->

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

{% block content %}
    <h1>{{ title }}</h1>
    <div>{{ content }}</div>
    <p>Author: {{ author }}</p>
{% endblock %}

ログイン後にコピー

このテンプレートでは、

{% extends 'layout.html.twig' %} を使用します。別のテンプレートを継承するとは、テンプレート内のコンテンツが

layout.html.twig の content という名前のブロックに挿入されることを意味します。 次に、ブログ投稿のレイアウトを定義する layout.html.twig

テンプレートを作成します。

<!-- views/layout.html.twig -->

<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    <header>
        <h1>My Blog</h1>
    </header>
    <main>
        {% block content %}{% endblock %}
    </main>
    <footer>
        &copy; 2021 Me
    </footer>
</body>
</html>

ログイン後にコピー

上記のコードでは、## という名前のファイルを定義します。 #title ブロックは、Twig が提供する

{% block %}

コマンドを使用します。 POST を送信すると、ここのコンテンツが post に置き換えられるため、呼び出しの焦点は {% block content %}{% endblock %}

です。 # html.twig

著者: {{ author }} 。 最後に、レンダリング用の新しいルートを作成します post.html.twig テンプレート:

$app->get('/post/{id}', function ($id) use ($app) {
    $post = array(
        'title' => 'Post ' . $id,
        'content' => 'This is the content of post ' . $id,
        'author' => 'Me',
    );

    return $app['twig']->render('post.html.twig', $post);
});

ログイン後にコピー

上記のコードでは、## Array of という名前の新しいルートを作成します。 #$post

: 記事のタイトル、内容、著者、その他の情報が含まれます。次に、Twig の render メソッドを使用して

post.html.twig

テンプレートをレンダリングし、同時に $post 配列をテンプレートに渡します。最終的には、次のような出力が表示されます。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:html;toolbar:false;'><!DOCTYPE html> <html> <head> <title>Post 1</title> </head> <body> <header> <h1>My Blog</h1> </header> <main> <h1>Post 1</h1> <div>This is the content of post 1</div> <p>Author: Me</p> </main> <footer> &copy; 2021 Me </footer> </body> </html></pre><div class="contentsignin">ログイン後にコピー</div></div>概要<code>この記事の導入を通じて、Twig テンプレートエンジンをサイレックスフレームワーク。 Twig を使用すると、コードの保守性を向上させながら、Web 開発作業をより効率的かつ便利にすることができます。 Twig についてさらに詳しく知りたい場合は、公式ドキュメント https://twig.symfony.com/doc をチェックしてください。

以上がSilex フレームワークでテンプレートエンジン Twig を使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。