> 백엔드 개발 > PHP 튜토리얼 > ThinkPHP 템플릿 엔진으로 리소스 파일을 가져오기 위한 솔루션 공유

ThinkPHP 템플릿 엔진으로 리소스 파일을 가져오기 위한 솔루션 공유

不言
풀어 주다: 2023-04-01 14:16:02
원래의
1645명이 탐색했습니다.

이 글에서는 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 type=&#39;js&#39; file="Js.Util.Array" />
로그인 후 복사

기본 Type 속성은 js입니다. 다음 효과는 동일합니다.

<import file="Js.Util.Array" />
로그인 후 복사

는 다음과 같은 여러 파일의 일괄 가져오기도 지원할 수 있습니다.

<import file="Js.Util.Array,Js.Util.Date" />
로그인 후 복사

외부 CSS 파일을 가져오려면 다음과 같은 유형 속성의 값을 지정해야 합니다.

<import type=&#39;css&#39; file="Css.common" />
로그인 후 복사

위의 방법가져오기의 기본 시작 경로는 웹사이트 루트 디렉토리 아래의 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" />
로그인 후 복사

가져오기 태그는 판단 로딩을 지원합니다. 먼저 name 변수가 Setup인지 판단하세요.

<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 태그

두 번째는 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 tag) 유형 속성을 지정할 필요가 없으며 시스템이 접미사에 따라 자동으로 결정합니다.
물론, 로드 태그는 조건부 판단 호출도 지원합니다:

<load href="/Public/Js/Common.js" value="name" />
로그인 후 복사

시스템은 로드와 사용법이 일치하는 두 개의 태그 별칭 js 및 css도 제공합니다. 예:

<js href="/Public/Js/Common.js" />
<css href="/Public/Css/common.css" />
로그인 후 복사

로드 태그도 지원됩니다. 여러 리소스 파일을 동시에 가져오세요. 심지어 다른 유형의 리소스 파일이라도:

<load href="/Public/Js/Common.js,/Public/Css/common.css" />
로그인 후 복사

위 내용은 모두의 학습에 도움이 되기를 바랍니다. 더 많은 관련 콘텐츠를 보려면 PHP 중국어 웹사이트를 주목하세요!

관련 권장 사항:

thinkPHP5 프레임워크의 사용자 정의 유효성 검사기 구현 방법에 대해

Laravel 프레임워크 템플릿의 변수 로드 및 할당과 간단한 라우팅 기능에 대해

위 내용은 ThinkPHP 템플릿 엔진으로 리소스 파일을 가져오기 위한 솔루션 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿