Share the solution for importing resource files into ThinkPHP template engine

This article mainly introduces the method of importing resource files of ThinkPHP template engine. Friends who need it can refer to it

Generally speaking, the traditional way of importing resource files such as external JS and CSS on web pages is to directly Use in the template file:

<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's template engine provides special tags to simplify the above import.

1.import tag

The first one is the import tag. The import method adopts a namespace method similar to ThinkPHP’s import function, for example:

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

Type attribute defaults to js, ​​so the following effects are the same:

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

can also support multiple Import files in batches, for example:

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

When importing external CSS files, you must specify the value of the type attribute, for example:

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

The above methodThe default import starting path is the Public directory under the root directory of the website. If you need to specify other directories, you can use the basepath attribute, for example:

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

If the imported file contains a "." symbol, you can use:

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

Indicates importing the /Public/Js/Util/Array.min.js resource file.

also supports the import of version numbers of resource files, for example:

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

can also be supported when importing multiple files

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

improt tag supports judgment loading, for example, the following first determines whether the name variable is set:

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

or For more complexity, can even use the function :

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

The compiled template cache is:

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

##2.load tag

The second is the load tag, which imports the public JS or CSS of the current project through the URL, for example:

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

You can use special template tags in the href attribute, for example:

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

Load tag There is no need to specify the type attribute, the system will automatically determine it based on the suffix.

Of course, the load tag also supports conditional judgment calls:

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

The system also provides two tag aliases js and css. The usage is consistent with load. , for example:

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

The load tag also supports importing multiple resource files at the same time, even different types of resource files:

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

The above is the entire content of this article. I hope it will be helpful to everyone’s study. For more related content, please pay attention to the PHP Chinese website!

Related recommendations:

About the implementation method of custom validator in thinkPHP5 framework

For Laravel framework template Functionality for loading and assigning variables and simple routing

The above is the detailed content of Share the solution for importing resource files into ThinkPHP template engine. For more information, please follow other related articles on the PHP Chinese website!