yii2에 js 파일을 도입하는 방법

질문:

예를 들어 웹 폴더에 css 파일과 js 파일을 생성하고, 에셋에 리소스 컨트롤러를 생성합니다. 그러면 뷰 레이어에 있을 때 web/css/test.css 또는 web/js/test/js 파일을 어떻게 호출합니까?

방법은 다음과 같습니다.

1. 모듈 참조(이 모듈의 모든 페이지에서 참조됩니다)

Yii2는 CSS/JS 관리를 위해 AssetBundle 리소스 패키지 클래스를 사용합니다.

(추천 튜토리얼: yii Framework)

(참고: YII2 기본 버전 자산/AppAsset.php, YII2 고급 버전 frontend/assets/AppAsset.php, 여기서는 기본 버전을 예로 들어 보겠습니다.)

namespace app\assets;
use yii\web\AssetBundle;
/**
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @since 2.0
 */
class AppAsset extends AssetBundle
{
    public $basePath = &#39;@webroot&#39;;
    public $baseUrl = &#39;@web&#39;;
    //全局css 在这个添加css文件
    public $css = [
        &#39;css/site.css&#39;,
        &#39;css/test.css&#39;,
    ];
    //全局js  在这里添加js文件
    public $js = [
        &#39;js/test.js&#39;,
    ];
    //依赖关系
    public $depends = [
        &#39;yii\web\YiiAsset&#39;,
        &#39;yii\bootstrap\BootstrapAsset&#39;,
    ];
}

2 . 특정 뷰 파일에서

를 참조하려면 뷰 파일에 다음 코드를 추가하면 됩니다.

//引用css文件，注意自己的文件路径
<?php $this->registerCssFile(&#39;css/test.css&#39;);?>
//引用js文件，注意自己的文件路径<span class="redactor-invisible-space"></span>
<?php $this->registerJsFile(&#39;js/test.js&#39;);?>

더 많은 프로그래밍 관련 내용을 알고 싶다면 PHP 중국어 홈페이지프로그래밍 입문 칼럼을 주목해주세요!

위 내용은 yii2에 js 파일을 도입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!