php Yii2框架引入css、js 静态资源-php开发知识文章-编程文章分享

本文主要介绍了php Yii2框架引入css、js 静态资源的方法，欢迎大家的学习。

资源(asset)是一个文件，该文件在网页中被引用(CSS，JS，视频，音频或图像等)。

Yii使用资源包管理asset，目的是要有一组代码库关联JS或CSS文件，并能够在一个单一的PHP调用中注册。资源包还依懒于其他资源包。

Yii2提供了AppAsset类管理静态资源。

使用AppAsset类管理静态资源

打开assets/AppAsset.php，定义 addJs(),addCss() 分别用于在静态页面引入外部js、css 文件

1、修改AppAsset.php文件代码

class AppAsset extends AssetBundle
{
    public $basePath = "@webroot";
    public $baseUrl = "@web";
    //默认自动加载样式
    public $css = [
        "css/site.css",
    ];
    //默认自动加载js
    public $js = [
    ];
    //依赖关系管理
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];

    //定义按需加载JS方法，注意加载顺序在最后
    public static function addJs($view, $jsfile)
    {
        $view->registerJsFile(
            $jsfile,
            [
                AppAsset::className(),
                "depends" => 'assets\AppAsset'
            ]
        );
    }

    //定义按需加载css方法，注意加载顺序在最后
    public static function addCss($view, $cssfile)
    {
        $view->registerCssFile(
            $cssfile,
            [
                AppAsset::className(),
                "depends" => 'assets\AppAsset'
            ]
        );
    }
}

2、在静态页面调用AppAsset.php

use assets\AppAsset;
AppAsset::register($this);
AppAsset::addJs($this,Yii::$app->request->baseUrl."/js/a.js");
AppAsset::addCss($this,Yii::$app->request->baseUrl."/css/a.css");

在html页面底部加载javascript代码

网页内部的js文件或代码，根据页面加载顺序，避免执行js时间过程导致页面空白，导致用户体验不好问题。一般放置在网页底部</body>的后面。

$this->registerJs("$(function(){alert('php')});", \yii\web\View::POS_END);

<script>
<?php
$this->beginBlock('js') ?>
//js代码
alert('php');
<?php $this->endBlock() ?>
<?php $this->registerJs($this->blocks['js'], \yii\web\View::POS_END);
?>
</script>

以上就是本文php Yii2框架引入css、js 载静态资源的全部内容，希望对大家的学习有所帮助。

php Yii2框架引入css、js 载静态资源

php Yii2框架引入css、js 静态资源

相关推荐

请登录