首頁 > 文章 > 後端開發 > 分享ThinkPHP模板引擎匯入資源檔案的方案

分享ThinkPHP模板引擎匯入資源檔案的方案

不言原創: 2018-06-19 15:49:191625瀏覽

這篇文章主要介紹了ThinkPHP模板引擎的導入資源文件方法,需要的朋友可以參考下

#一般而言，網頁傳統方式的導入外部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標籤

第一個是import標籤，導入方式採用類似ThinkPHP的import函數的命名空間方式，例如：

<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" />

上面的方式預設的import的起始路徑是網站根目錄下的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" />

improt標籤支援判斷載入，例如下面先判斷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標籤

第二個是load標籤，透過URL方式匯入目前專案的公共JS或CSS，例如：

<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" />

Load標籤無需指定type屬性，系統會自動根據後綴自動判斷。

當然，load標籤也支援條件判斷呼叫：

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

#系統也提供了兩個標籤別名js和css 用法和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中文網！

分享ThinkPHP模板引擎匯入資源檔案的方案

相關文章