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

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

不言

リリース： 2023-04-01 14:16:02

オリジナル

1651 人が閲覧しました

この記事では主に 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 サイトの他の関連記事を参照してください。