yii 프레임워크에 CSS 및 js 파일을 도입하는 방법

1. 직접 소개할 수 있습니다.

2. 경로는 프로젝트 디렉터리/web/css 또는 /js

<script src="js/nav.js"></script>

관련 튜토리얼 권장 사항: yiiframework

3입니다. AssetBundle을 사용하여 CSS 스타일 및 js 스크립트 관리

리소스 번들 정의: basic/assets/AppAsset.php

<?php/**
 * @link http://www.yiiframework.com/
 * @copyright Copyright (c) 2008 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */
 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;;
    public $css = [
        &#39;css/site.css&#39;,
        &#39;css/base.css&#39;
    ];
    public $js = [
        &#39;js/sliders.js&#39;
    ];
    public $depends = [ //依赖包，没有可以不写
        &#39;yii\web\YiiAsset&#39;,
        &#39;yii\bootstrap\BootstrapAsset&#39;,  
    ];
 
    //定义按需加载JS方法，注意加载顺序在最后  
    public static function addScript($view, $jsfile) {  
        $view->registerJsFile($jsfile, [AppAsset::className(), &#39;depends&#39; => &#39;api\assets\AppAsset&#39;]);  
    }  
      
   //定义按需加载css方法，注意加载顺序在最后  
    public static function addCss($view, $cssfile) {  
        $view->registerCssFile($cssfile, [AppAsset::className(), &#39;depends&#39; => &#39;api\assets\AppAsset&#39;]);  
    }  }

뷰 파일 시작 부분에 쓰기:

<?php
use yii\helpers\Html;
use app\assets\AppAsset;
 AppAsset::register($this);
 ?>

#🎜🎜 #지금까지 브라우저에서 테스트한 결과 CSS 및 js 파일이 도입되지 않았음을 확인할 수 있습니다. 여기서는 여전히 마지막 단계가 필요합니다.

몇 가지를 추가해야 합니다. (참고: 공개 보기 파일을 사용하는 경우 공개 보기 파일에 추가할 수 있습니다. 그렇지 않은 경우 별도의 페이지에 넣을 수 있습니다.)

4, 리소스 패키지 관리자에서 메서드를 정의할 필요가 없으며, 보기 페이지 #열에서 직접 소개하면 됩니다!

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