php教程 yii2如何引入js文件

 所属分类:php教程

 浏览:68次-  评论: 0次-  更新时间:2022-06-01
描述:这是一篇php教程 yii2如何引入js文件的说明内容,如果你想学习查找类似的文章,可以进入php教程获得最新优质资料。 问题:比如,我在web文...
这是一篇php教程 yii2如何引入js文件的说明内容,如果你想学习查找类似的文章,可以进入php教程获得最新优质资料。

问题:

比如,我在web文件夹下建立css文件和js文件,在assets建立资源控制器。那么我在view层的时候怎么调用web/css/test.css或者web/js/test/js文件呢?

方法如下:

一、模块引用(该模块的所有页面都会引用)

Yii2对于CSS/JS 管理,使用AssetBundle资源包类。

(推荐教程:yii框架)

(注:YII2基础版 assets/AppAsset.php,YII2高级版 frontend/assets/AppAsset.php,这里以基础版为例)

namespace app\assets;
use yii\web\AssetBundle;
/**
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @since 2.0
 */
class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    //全局css 在这个添加css文件
    public $css = [
        'css/site.css',
        'css/test.css',
    ];
    //全局js  在这里添加js文件
    public $js = [
        'js/test.js',
    ];
    //依赖关系
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}

二、在某个视图文件中引用

只需要在view文件中添加如下代码就行了。

//引用css文件,注意自己的文件路径
<?php $this->registerCssFile('css/test.css');?>
//引用js文件,注意自己的文件路径<span class="redactor-invisible-space"></span>
<?php $this->registerJsFile('js/test.js');?>

想学习更多编程相关内容,请关注zzsucai.com编程入门栏目!

以上就是yii2如何引入js文件的详细内容,更多请关注zzsucai.com其它相关文章!

 标签:
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!