ホームページ  >  記事  >  バックエンド開発  >  CakePHP で Pug を使用するにはどうすればよいですか?

CakePHP で Pug を使用するにはどうすればよいですか?

王林
王林オリジナル
2023-06-03 17:10:341034ブラウズ

Web アプリケーションの開発が進むにつれて、最新のフレームワークにはますます多くの機能が統合され、開発効率とコードの品質が向上しています。 CakePHP は、ORM、ルーティング、ビューなどのコンポーネントを備えた人気の Web 開発フレームワークで、開発者はビジネス機能の実装に集中できます。

CakePHP のビュー部分はメインのテンプレート言語として PHP を使用するため、開発者は PHP コードを使用して HTML ページを簡単に作成できます。ただし、PHP テンプレートでは、HTML 要素とタグのフロントエンドの側面が多数必要になることが多く、場合によっては冗長すぎるように見えることがあります。この問題を解決するために、Pug と呼ばれるテンプレート エンジンが CakePHP に導入され、ますます多くの開発者から広く認識されるようになりました。

Pug は、HTML のような煩わしいタグ構造を必要としない、簡略化された HTML テンプレート言語です。代わりに、インデントのような方法を使用して、要素間の関係や、特定の要素の属性と属性を決定します。 。 コンテンツ。 Pug を使用すると、テンプレートの作成と管理が速くなり、開発者はテンプレートの構造ではなくデザインとビジネス ロジックに集中できるようになります。 CakePHP で Pug を使用するのも非常に簡単です。一緒に調べてみましょう。

Pug のインストール

まず、Pug が CakePHP アプリケーションにインストールされていることを確認する必要があります。インストールプロセスは他の Composer パッケージと同じで、次のコマンドを使用できます:

combos require pug-php/pug

これにより、 Pug の最新バージョンとそのすべての依存関係。

Pug ビューの作成

Pug ビューの作成は、他のビュー テンプレートと同じくらい簡単です。 views ディレクトリに新しいファイルを作成し、your-view-file.pug という名前を付けます。ファイル内では、HTML コンテンツをインデントして記述することができます。簡単な例を次に示します。

html
  head
    title Welcome to My Site!
  body
    h1 My Site
    p This is my site.

上記のコードは、タイトル (私のサイトへようこそ)、H1 タイトル (私のサイト)、および P 段落 (これは私のサイトです。) を含む単純な HTML ページを作成します。 )。

継承レイアウト

Pug では、他の最新のテンプレート エンジンのテンプレート継承と同様の「継承レイアウト」テンプレートを使用できます。これにより、重複する HTML コンテンツが大幅に削減され、コードがより保守しやすくなります。

レイアウトを使用するには、まず、拡張子 .pug を持つテンプレートをルート ディレクトリに作成する必要があります。このテンプレートには、いくつかの共通のレイアウト要素が含まれています。次に、他のビューで「extends」オプションを使用して、このテンプレートを継承します。ビュー内で「ブロック」を使用すると、このビューがレイアウト要素をカバーすることを示すことができます。以下はレイアウトを含む簡単な例です。

/public/layouts/default.pug

html
  head
    title My Site
  body
    block content

/views/pages/home.pug

extends ../layouts/default.pug

block content
  h1 Welcome to My Site
  p This is my site.

これにより、「ホーム」というビューが作成され、周囲にコンテンツを追加するときに、レイアウト ファイルに共通の要素を設定するには、コンテンツを「コンテンツ」ブロックに配置します。

アプリケーション設定

CakePHP アプリケーションを実行する場合、デフォルトで PHP がビュー テンプレート エンジンとして使用されます。アプリケーションで Pug を有効にするのは比較的簡単です。Pug を使用するように View クラスのインスタンス化メソッドを変更するだけです。

use JollymagicPugViewViewPugView;

// In your controller
public $viewClass = PugView::class;

これにより、Pug が有効になり、Pug テンプレートを使用してビューがレンダリングされます。ここで必要なのは、.pug ファイルをビュー ディレクトリに保存し、コントローラーで $this->render() 関数を使用して、ビュー。 。

$this->render('home');

結論

CakePHP アプリケーションで Pug ビュー エンジンを使用するのは非常に簡単です。Pug をインストールし、クラスの View クラスのインスタンス化メソッドを変更するだけです。アプリケーションの設定、つまり「Can」です。さらに、インデントされた方法で HTML 要素を表す Pug テンプレート言語を使用すると、HTML タグの冗長性が大幅に軽減され、アプリケーションの他の重要な側面に集中できるようになります。パグを楽しもう!

以上がCakePHP で Pug を使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。