リソース ファイルを ThinkPHP テンプレート エンジンにインポートするためのソリューションを共有する

この記事では主に ThinkPHP テンプレート エンジンのリソース ファイルをインポートする方法を紹介します。必要な方は参考にしてください。

一般的に、Web 上で外部 JS や CSS などのリソース ファイルをインポートする方法は伝統的です。ページはテンプレート ファイルで直接使用します:

<script type=&#39;text/javascript&#39; src=&#39;/Public/Js/Util/Array.js&#39;>
<link rel="stylesheet" type="text/css" href="/App/Tpl/default/Public/css/style.css" />

ThinkPHP のテンプレート エンジンには、上記のインポートを簡素化するための特別なタグが用意されています。

1.import タグ

最初のインポート メソッドは、ThinkPHP のインポート関数と同様の名前空間メソッドを採用します。例:

<import type=&#39;js&#39; file="Js.Util.Array" />

#Type 属性のデフォルトは js なので、次の効果は同じです:

<import file="Js.Util.Array" />

# # 複数のインポート ファイルをバッチでサポートすることもできます。例:

<import file="Js.Util.Array,Js.Util.Date" />

外部 CSS ファイルをインポートするときは、次のように type 属性の値を指定する必要があります。 :

<import type=&#39;css&#39; file="Css.common" />

上記の方法

他のディレクトリを指定する必要がある場合、デフォルトのインポート開始パスは Web サイトのルート ディレクトリの下の Public ディレクトリです。

、basepath 属性を使用できます。例:

<import file="Js.Util.Array" basepath="./Common" />

インポートされたファイルに「.」記号が含まれている場合は、次のように使用できます:

<import file="Js.Util.Array#min" />

/Public/Js/Util/Array.min.js リソース ファイルをインポートすることを示します。

は、リソース ファイルのバージョン番号のインポートもサポートしています。例:

<import type=&#39;js&#39; file="Js.Util.Array?v=120" />

は、複数のファイルをインポートする場合にもサポートされます。

<import type=&#39;js&#39; file="Js.Util.Array?125,Js.Util.Date?130" />

imrot タグは判定ロード

をサポートしています。たとえば、次のコードは最初に name 変数が設定されているかどうかを判断します:

<import type=&#39;js&#39; file="Js.Util.Array" value="name" />

または、さらに複雑にするために、

は関数

を使用することもできます:

<import type=&#39;js&#39; file="Js.Util.Array" value="Think.get.name|isset" />

コンパイルされたテンプレート キャッシュは次のとおりです:

<?php
if(isset($_GET[&#39;name&#39;])): 
?>
<script type="text/javascript" src="/Public/Js/Util/Array.js"></script>
<?php
endif;
?>

##2.load tag

2 番目は、load タグで、現在のプロジェクトのパブリック JS または CSS をインポートします。 URL (例:

<load href="/Public/Js/Common.js" />
<load href="/Public/Js/Date.js?v=235" />
<load href="/Public/Css/common.css" />

href 属性で特別なテンプレート タグを使用できます。例:

<load href="!-PUBLIC-!/Js/Common.js" />

ロードタグ type 属性を指定する必要はありません。システムはサフィックスに基づいて自動的に決定します。

もちろん、load タグは条件付き判定呼び出しもサポートしています。

<load href="/Public/Js/Common.js" value="name" />

システムは、js と css の 2 つのタグ エイリアスも提供します。

は、load と一致します。例:

<js href="/Public/Js/Common.js" />
<css href="/Public/Css/common.css" />

load タグは、複数のリソース ファイル（異なるものであっても）の同時インポートもサポートします。リソース ファイルの種類

:

<load href="/Public/Js/Common.js,/Public/Css/common.css" />

以上がこの記事の全内容であり、皆様の学習に役立つことを願っています。内容については、PHP 中国語 Web サイトにご注意ください。

関連する推奨事項:

thinkPHP5 フレームワークでのカスタムバリデーターの実装方法について

Laravel フレームワーク テンプレートの場合変数のロードと割り当て、および単純なルーティングの機能

#

以上がリソース ファイルを ThinkPHP テンプレート エンジンにインポートするためのソリューションを共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。