テンプレートを使用すると、Web サイトの構造を改善できます。この記事では、PHP 4 の新機能とテンプレートクラスを使用して、多数の静的 HTML ページで構成される Web サイトのページレイアウトをテンプレートを巧みに使用して制御する方法について説明します。

概要:

======================================

独立した機能とレイアウト

ページ要素の重複を避ける

静的ウェブサイト用のテンプレートフレームワーク

================================ ================================================= ================================================= ========
機能とレイアウトを分離する

まず、テンプレートを適用する 2 つの主な目的を見てみましょう:

機能 (PHP) とレイアウト (HTML) を分離する

ページ要素の重複を避ける

最初の目的は、最も話題になっている目的です。これは、あるプログラマーグループがページのコンテンツを生成する PHP スクリプトを作成し、別のデザイナーグループがページの最終的な外観を制御する HTML とグラフィックスをデザインする状況を想定しています。機能とレイアウトを分離するという基本的な考え方は、これら 2 つのグループの人々が独立したファイルのセットを作成して使用できるようにすることです。プログラマーは、PHP コードのみを含むファイルのみを気にする必要があり、PHP コードの外観を気にする必要はありません。ページ設計者は、ページに埋め込まれた PHP コードが壊れることを心配することなく、最も使い慣れたビジュアルエディターを使用して独自のページレイアウトを設計できます。

PHP テンプレートに関するチュートリアルをいくつか見たことがあれば、テンプレートがどのように機能するかをすでに理解しているはずです。単純なページパーツを考えてみましょう。ページの上部はヘッダー、左側はナビゲーションバー、残りはコンテンツ領域です。この種類の Web サイトには、次のテンプレートファイルを含めることができます:

テンプレートの例

< td> ;{CONTENT}

{HEADER}

{LEFTNAV}

Foo

< a href="bar">Bar

これらのテンプレートからページがどのように構築されているかを確認できます。メインテンプレートはページ全体のレイアウトを制御し、leftnav テンプレートはページの共通要素を制御します。ページ。中括弧「{}」内の識別子はコンテンツのプレースホルダーです。テンプレートを使用する主な利点は、インターフェイス設計者がフォントの設定、色やグラフィックの変更、ページのレイアウトの完全な変更など、希望に応じてこれらのファイルを編集できることです。これらのファイルには HTML コードのみが含まれており、PHP コードは含まれていないため、インターフェイス設計者は、通常の HTML エディタまたは視覚化ツールを使用してこれらのページを編集できます。 PHP コードはすべて別のファイルに保存されます。このファイルは、ページ URL によって実際に呼び出されます。 Web サーバーは PHP エンジンを通じてファイルを解析し、結果をブラウザに返します。一般に、PHP コードは、データベースへのクエリや特定の計算の実行など、常にページコンテンツを動的に生成します。以下に例を示します。

// example.php
require('class.FastTemplate.php');
$tpl = new FastTemplate('.');
$tpl->define( array ( 'main' => 'main.htm',
'header' => 'header.htm',
'leftnav' => 'leftnav.htm' ) ); ここに PHP コードを設定します $適切なページコンテンツを含むコンテンツ

$tpl->assign('CONTENT', $content);
$tpl->parse('HEADER', 'header'); ', 'leftnav');
$tpl->parse('MAIN', 'main');

?> これが人気の FastTemplate です。 template クラスが使用されますが、基本的な考え方は他の多くのテンプレートクラスでも同じです。まず、クラスをインスタンス化し、テンプレートファイルの場所と、どのテンプレートファイルがページのどの部分に対応するかを指示します。次に、ページコンテンツを生成し、その結果をコンテンツ識別子に割り当てます。次に、各テンプレートファイルを順番に解析します。テンプレートクラスは必要な置換操作を実行し、最後に解析結果がブラウザに出力されます。

このファイルは完全に PHP コードで構成されており、HTML コードが含まれていません。これが最大の利点です。 PHP プログラマーは、最終ページを適切にフォーマットするための HTML を生成する方法を気にすることなく、ページのコンテンツを生成するコードの作成に集中できるようになりました。

このメソッドと上記のファイルを使用して、完全な Web サイトを構築できます。 http://www.foo.com/example.php?article=099 など、PHP コードが URL 内のクエリ文字列に基づいてページコンテンツを生成する場合、これに基づいて完全な雑誌 Web サイトを構築できます。

テンプレートの使用には 2 番目の利点があることは簡単にわかります。上の例に示すように、ページの左側にあるナビゲーションバーは別のファイルとして保存されています。Web サイトのすべてのページの左側にあるナビゲーションバーを変更するには、このテンプレートファイルを編集するだけです。ページ要素の重複を避けます
「これは本当に良いことだ」と思うかもしれません。「私の Web サイトは主に多数の静的ページで構成されています。これで、更新するのが非常に面倒になる公開部分をすべてのページから削除できるようになりました。将来的には、テンプレートを使用して、管理が容易な統一されたページレイアウトを作成できるようになります。「しかし、物事はそれほど単純ではありません。「多数の静的ページ」が問題を示しています。

上記の例を検討してください。この例には、実際には example.php ページが 1 つしかありません。全体のすべてのページを生成できる理由Web サイトは、URL 内のクエリ文字列を使用して、データベースなどの情報ソースからページを動的に構築するためです。検索エンジンやフィードバックフォームなどの動的機能をあちこちに追加するには、この種の Web サイトにテンプレートを適用するにはどうすればよいでしょうか? 最も簡単な方法は、PHP ファイルを各ページにコピーすることです。 PHP コード内のコンテンツを表す変数を各ページの適切なページコンテンツに設定します。たとえば、 home、about、product という 3 つのページがあるとします。それぞれのコンテンツを生成するために 3 つのファイルを使用できます。これら 3 つのファイルは次のようになります。

// home.php
require('class.FastTemplate.php');
$tpl = new FastTemplate('.'); define( array( 'main' => 'main.htm',
'header' => 'header.htm',
'leftnav' => 'leftnav.htm' ) );

ようこそ

このウェブサイトを気に入っていただければ幸いです

";
$tpl->assign('CONTENT', $content);
$tpl->parse('HEADER', 'header');
$tpl->parse('LEFTNAV' , 'leftnav'); 'main');
$tpl->FastPrint('MAIN');

?>

明らかに、この問題には 3 つの方法があります: この複雑なテンプレートを含む PHP コードをすべてのページに複製する必要があります。これにより、ページの保守が困難になるだけでなく、共通のページ要素が複製されるため、ファイルには HTML と PHP コードが混在し、多くの特殊文字を処理する必要があるため、コンテンツ変数に値を割り当てることが非常に困難になります。

この問題を解決する鍵は、PHP コードと HTML コンテンツを分離することです。ファイルからすべての HTML コンテンツを削除することはできませんが、PHP コードの大部分は削除できます。静的ウェブサイト用のテンプレートフレームワーク

まず、以前と同様に、ページのすべての共通要素とページ全体のレイアウトのテンプレートファイルを作成し、すべてのページから共通部分を削除し、ページコンテンツのみを残します。次の 3 行の PHP コード:

pageStart('ホーム');