yii2怎么引入css和js文件

引入CSS和JS文件的方法

在Yii2框架中，我们可以使用Asset Bundle的方式来引入CSS和JS文件。Asset Bundle是Yii2框架中用于管理资源文件（如CSS和JS）的类。

首先，我们需要创建一个继承自yii\web\AssetBundle类的新类，比如我们命名为AppAsset：

namespace app\assets;

use yii\web\AssetBundle;

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/site.css',
    ];
    public $js = [
        'js/main.js',
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}

在上面的代码中，$css和$js属性分别指定了要引入的CSS和JS文件的路径。$depends属性指定了该资源文件依赖的其他资源文件，比如在本例中，我们依赖于Yii的核心CSS和Bootstrap的CSS文件。

接下来，在视图文件中，我们可以通过以下方式来引入CSS和JS文件：

use app\assets\AppAsset;

AppAsset::register($this);

通过以上的代码，我们将AppAsset类注册到当前视图中，从而实现了CSS和JS文件的引入。

总结

通过继承AssetBundle类，并在视图中注册对应的Asset类，我们可以方便地引入CSS和JS文件。这种方式能够统一管理项目中的资源文件，并实现资源的依赖管理。同时，通过Asset Bundle可以灵活地控制资源文件的路径和加载顺序，从而提高代码的可维护性和性能。