백엔드 개발 PHP 튜토리얼 ThinkPHP模板引擎之导入资源文件方法详解_PHP教程

ThinkPHP模板引擎之导入资源文件方法详解_PHP教程

Jul 13, 2016 am 10:24 AM
thinkphp 템플릿 엔진

一般而言,网页传统方式的导入外部JS和CSS等资源文件的方法是直接在模板文件使用:

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

로그인 후 복사

ThinkPHP的模板引擎提供了专门的标签来简化上面的导入。

1.import标签

第一个是import标签 ,导入方式采用类似ThinkPHP的import函数的命名空间方式,例如:

<import type='js' file="Js.Util.Array" />

로그인 후 복사

Type属性默认是js, 所以下面的效果是相同的:

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

로그인 후 복사

还可以支持多个文件批量导入,例如:

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

로그인 후 복사

导入外部CSS文件必须指定type属性的值,例如:

<import type='css' 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='js' file="Js.Util.Array&#63;v=120" />

로그인 후 복사

在导入多个文件的时候也可以支持

<import type='js' file="Js.Util.Array&#63;125,Js.Util.Date&#63;130" />
로그인 후 복사

improt标签支持判断加载,例如下面首先判断name变量是否设置:

<import type='js' file="Js.Util.Array" value="name" />

로그인 후 복사

或者更复杂的,甚至可以采用函数

<import type='js' file="Js.Util.Array" value="Think.get.name|isset" />

로그인 후 복사

编译后的模板缓存是:

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

로그인 후 복사

2.load标签

第二个是load标签,通过URL方式导入当前项目的公共JS或者CSS,例如:

<load href="/Public/Js/Common.js" />
<load href="/Public/Js/Date.js&#63;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" />
로그인 후 복사

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/825412.htmlTechArticle一般而言,网页传统方式的导入外部JS和CSS等资源文件的方法是直接在模板文件使用: script type='text/javascript' src='/Public/Js/Util/Array.js'link r...
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

thinkphp 프로젝트를 실행하는 방법 thinkphp 프로젝트를 실행하는 방법 Apr 09, 2024 pm 05:33 PM

thinkphp 프로젝트를 실행하는 방법

thinkphp에는 여러 버전이 있습니다. thinkphp에는 여러 버전이 있습니다. Apr 09, 2024 pm 06:09 PM

thinkphp에는 여러 버전이 있습니다.

thinkphp를 실행하는 방법 thinkphp를 실행하는 방법 Apr 09, 2024 pm 05:39 PM

thinkphp를 실행하는 방법

thinkphp를 설치하는 방법 thinkphp를 설치하는 방법 Apr 09, 2024 pm 05:42 PM

thinkphp를 설치하는 방법

laravel과 thinkphp 중 어느 것이 더 낫나요? laravel과 thinkphp 중 어느 것이 더 낫나요? Apr 09, 2024 pm 03:18 PM

laravel과 thinkphp 중 어느 것이 더 낫나요?

개발 제안: ThinkPHP 프레임워크를 사용하여 비동기 작업을 구현하는 방법 개발 제안: ThinkPHP 프레임워크를 사용하여 비동기 작업을 구현하는 방법 Nov 22, 2023 pm 12:01 PM

개발 제안: ThinkPHP 프레임워크를 사용하여 비동기 작업을 구현하는 방법

thinkphp 성능은 어떤가요? thinkphp 성능은 어떤가요? Apr 09, 2024 pm 05:24 PM

thinkphp 성능은 어떤가요?

ThinkPHP6 백엔드 관리 시스템 개발: 백엔드 기능 구현 ThinkPHP6 백엔드 관리 시스템 개발: 백엔드 기능 구현 Aug 27, 2023 am 11:55 AM

ThinkPHP6 백엔드 관리 시스템 개발: 백엔드 기능 구현

See all articles