Yii2 学习笔记资源引用

1. 使用 AssetBundle 进行注册

<?php
class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/product_release.css',
        'css/main.css',
        'css/center.css',
    ];
    public $js = [
        'js/common.js'
    ];
    public $depends = [
        'yiiwebJqueryAsset',
        'lightassetsLayerAsset',
    ];
}

在 view 中使用 asset 进行注册

<?php AppAsset::register($this); ?>

2.View 中直接注册JS 、CSS 文件

<?php
// 注册JS文件
<?php $this->registerJsFile('/js/product_attr.js'); ?>

// 注册JS文件，并设置依赖优先关系，如下，jquery文件会优先加载。
<?php $this->registerJsFile('/js/product_attr.js', ['depends'=>['yiiwebJqueryAsset']]); ?>

// 注册CSS文件
<?php $this->registerCssFile('/css/cart.css'); ?>

// 注册CSS文件，设置依赖优先关系，如下，AppAsset的css文件会优先加载。
<?php $this->registerCssFile('/css/cart.css', ['depends'=>['backendassetsAppAsset']]); ?>

3. View 中使用 JS、CSS 代码块

<?php
// 注册JS代码块
<?php $this->beginBlock('js'); ?>
    function mytest(){
        alert('hello wangkun');
    }
<?php $this->endBlock(); ?>
<?php $this->registerJs($this->blocks['js'],View::POS_END); ?>

//注册CSS代码块
<?php
	$cssStr = ".text-block{background-color:red;}";
	$this->registerCss($cssStr);
?>

（完）