前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Yii2 学习笔记资源引用

Yii2 学习笔记资源引用

作者头像
guanguans
发布2018-05-09 16:20:52
7300
发布2018-05-09 16:20:52
举报
文章被收录于专栏:琯琯博客
1. 使用 AssetBundle 进行注册
代码语言:javascript
复制
<?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 进行注册

代码语言:javascript
复制
<?php AppAsset::register($this); ?>
2.View 中直接注册JS 、CSS 文件
代码语言:javascript
复制
<?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 代码块
代码语言:javascript
复制
<?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);
?>

(完)

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-03-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 使用 AssetBundle 进行注册
  • 2.View 中直接注册JS 、CSS 文件
  • 3. View 中使用 JS、CSS 代码块
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档