Comment importer des ressources d'image dans Yii-YII-php.cn

Comment importer des ressources d'image dans Yii

王林

Libérer： 2020-03-11 11:57:49

original

3145 Les gens l'ont consulté

Comment importer des ressources d'image dans Yii

1. Ajoutez un dossier statique sous le dossier Web, qui stocke les fichiers de ressources statiques tels que js, css, images, etc.

Comment importer des ressources dimage dans Yii

2. Ajoutez le code suivant dans le fichier AppAsset.php

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

Copier après la connexion

(Tutoriels associés recommandés : yii framework )

3. etc

<?php
use yii\helpers\Url;
/** 引入js、css文件 */
use backend\assets\AppAsset;
AppAsset::register($this);
AppAsset::addJs($this,Yii::$app->request->baseUrl."/static/js/jquery.min.js");
AppAsset::addJs($this,Yii::$app->request->baseUrl."/static/js/jquery.js");
AppAsset::addCss($this,Yii::$app->request->baseUrl."/static/css/index.css");
?>
<html>
<head>
<title>测试引入静态资源</title>
</head>
<body>
<!-- 测试js和css -->
<div id="mybutton" class="index-test">点我弹出OK</div>  
<?php $this->beginBlock(&#39;test&#39;) ?>  
    $(function($) {  
      $(&#39;#mybutton&#39;).click(function()
      {  
         alert(&#39;OK&#39;);  
      });  
    });  
<?php $this->endBlock() ?>  <?php $this->registerJs($this->blocks[&#39;test&#39;], \yii\web\View::POS_END); ?>
<div id="mybutton2" class="index-test">点我弹出loading</div>  
<div id="loading" style="display: none;">
<img alt="" src="/static/images/loading.gif" > <span   style="max-width:90%">数据加载中....</span>
</div>
<?php $this->beginBlock(&#39;test&#39;) ?>  
    $(function($) {  
      $("#mybutton2").click(function()
      {  
          $(&#39;#loading&#39;).show();
      });  
    });  
<?php $this->endBlock() ?>  <?php $this->registerJs($this->blocks[&#39;test&#39;], \yii\web\View::POS_END); ?>
<!-- 引入图片  -->
<img alt="" src="/static/images/5badcb9ebfe4c.png" class="img-class"><br>
<img alt="" src="<?php echo Url::to(&#39;@web/static/images/5badcb9ebfe4cpp.png&#39;); ?>" class="img-class"><br>
</body>
</html>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!