琯琯博客 纸上得来终觉浅,绝知此事要躬行。

Yii2 学习笔记资源引用

琯琯
2017-03-18
PHP  Yii
 

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 = [
        'yii\web\JqueryAsset',
        'light\assets\LayerAsset',
    ];
}

在 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'=>['yii\web\JqueryAsset']]); ?>

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

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

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);
?>

(完)


相关文章

评论

内容导航