yii2杂记

1.引入静态资源
静态资源css,或js,img放在项目底下的web目录下的assets中
在视图中加入

<?php
use yii\helpers\Html;
use yii\helpers\Url;
例如下面的引入
 <?php echo Html::cssFile('@web/assets/css/H-ui.min.css')?>
 <?php echo Html::jsFile('@web/assets/js/H-ui.min.js')?>
 <?php echo Url::to('@web/assets/images/logo.gif');?>
?>

2.如果多个视图要引入一样的js和css,我们可以这么做
在assets目录里的AppAsset.php中加入
定义需要共同引入的css，js,路径就是在项目下的web目录下的资源路径

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

/**
 * Main application asset bundle.
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @since 2.0
 */
class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [

        'assets/static/h-ui/css/H-ui.min.css',
        'assets/static/h-ui.admin/css/H-ui.admin.css',
        'lib/Hui-iconfont/1.0.8/iconfont.css',
        'assets/static/h-ui.admin/skin/default/skin.css',
        'assets/static/h-ui.admin/css/style.css'
    ];
    public $js = [
        'assets/lib/jquery/1.9.1/jquery.min.js',
        'assets/lib/layer/2.4/layer.js',
        'assets/static/h-ui/js/H-ui.min.js',
        'assets/static/h-ui.admin/js/H-ui.admin.js',
        'assets/lib/jquery.contextmenu/jquery.contextmenu.r2.js',

    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];


}

在视图开头引入

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

并且在视图中加入

<?php $this->beginPage() ?>
<?php $this->beginBody() ?>
//your codes...
<?= $contents; ?>
//your codes...
<?php $this->endBody() ?>
<?php $this->endPage() ?>

在视图中的header部分加入就引入资源了

 <?php $this->head(); ?>

猜你喜欢