ホームページ  >  記事  >  バックエンド開発  >  PHP を使用して静的 Web サイト用のテンプレート フレームワークを作成する_PHP チュートリアル

PHP を使用して静的 Web サイト用のテンプレート フレームワークを作成する_PHP チュートリアル

WBOY
WBOYオリジナル
2016-07-21 16:11:07753ブラウズ


テンプレートを使用すると、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('ホーム');

こんにちは


あなたはこのウェブサイトが好きです





?>

このメソッドは、基本的に前述のさまざまな問題を解決します。ファイル内には現在 PHP コードが 3 行しかなく、その中にはテンプレートを直接参照していないため、このコードを変更する可能性は非常に低いです。また、HTML コンテンツは PHP マークアップの外側にあるため、特殊文字の処理に問題はありません。これら 3 行の PHP コードをすべての静的 HTML ページに簡単に追加できます。

require 関数は、必要なテンプレート関連の PHP コードをすべて含む PHP ファイルを導入します。 pageStart 関数はテンプレート オブジェクトとページ タイトルを設定し、pageFinish 関数はテンプレートを解析して結果を生成し、ブラウザに送信します。

これはどのようにして達成されるのでしょうか? pageFinish 関数が呼び出されるまで、ファイル内の HTML がブラウザに送信されないのはなぜですか?答えは、ブラウザーに出力されたコンテンツをバッファーにインターセプトできるようにする PHP 4 の新機能にあります。 prepend.php の具体的なコードを見てみましょう。 $ tpl = new FastTemplate('.');
$tpl->define( array( 'main' => 'main.htm',
'header' => 'header.htm',
'leftnav' = > 'leftnav.htm' ) );
$tpl->assign('TITLE', $title);
}

function pageFinish() {
$content; ob_get_contents ();
$tpl->assign('CONTENT', $content);
$tpl->parse('HEADER', 'header'); ' LEFTNAV', 'leftnav');
$tpl->parse('MAIN', 'main');
$tpl->FastPrint('MAIN'); pageStart 関数は、まずテンプレート インスタンスを作成して設定し、次に出力キャッシュを有効にします。この後、ページ自体のすべての HTML コンテンツがキャッシュに入ります。 pageFinish 関数は、キャッシュからコンテンツを取り出し、これらのコンテンツをテンプレート オブジェクトに指定し、最後にテンプレートを解析して完成したページを出力します。

PHP を使用して静的 Web サイト用のテンプレート フレームワークを作成する_PHP チュートリアル

これは、テンプレート フレームワーク全体の作業プロセス全体です。まず、Web サイトの各ページに共通の要素を含むテンプレートを作成し、次にすべてのページから共通のページ レイアウト コードをすべて削除し、変更する必要のない 3 行の PHP コードに置き換えてから、FastTemplate クラス ファイルを追加します。 php をインクルード パスに追加すると、ページ レイアウトを一元管理できる Web サイトが得られ、信頼性と保守性が向上し、Web サイト レベルでの大規模な変更が非常に容易になります。

この記事のダウンロード パッケージには動作するサンプル Web サイトが含まれており、そのコード コメントは前のコード コメントよりも詳細です。 FastTemplate クラスは http://www.thewebmasters.net/ にあります。最新バージョン番号は 1.1.0 で、クラスが PHP 4 で正しく動作することを確認するための小さなパッチがそこにあります。この記事のダウンロード コード内のクラスは、このパッチによって修正されています。

www.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/314011.html技術記事テンプレートを使用すると、Web サイトの構造を改善できます。この記事では、PHP 4 の新機能とテンプレート クラスを使用して、多数の静的な HTML ページで構成される Web サイトのページ レイアウトをテンプレートを上手に使用して制御する方法を説明します...

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