suchen

Heim >PHP-Framework >YII >So importieren Sie Bildressourcen in yii

So importieren Sie Bildressourcen in yii

王林
王林Original
2020-03-11 11:57:493283Durchsuche

So importieren Sie Bildressourcen in yii

1. Fügen Sie einen statischen Ordner unter dem Webordner hinzu, in dem statische Ressourcendateien wie JS, CSS, Bilder usw. gespeichert werden.

So importieren Sie Bildressourcen in yii

2. Fügen Sie den folgenden Code in die AppAsset.php-Datei ein 

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

(Verwandte Tutorials empfohlen: yii-Framework )

3 usw

<?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 src="/static/imghwm/default1.png"  data-src="/static/images/loading.gif"  class="lazy"  alt=""  > <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 class="img-class lazy"  src="/static/imghwm/default1.png"  data-src="/static/images/5badcb9ebfe4c.png"  alt=""  ><br>
<img  src="/static/imghwm/default1.png"  data-src="<?php echo Url::to(&#39;@web/static/images/5badcb9ebfe4cpp.png&#39;); ? alt="So importieren Sie Bildressourcen in yii" >"  class="lazy"  alt=""  class="img-class"><br>
</body>
</html>

Das obige ist der detaillierte Inhalt vonSo importieren Sie Bildressourcen in yii. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Wofür wird das yii-Framework hauptsächlich verwendet?Nächster Artikel：Wofür wird das yii-Framework hauptsächlich verwendet?

In Verbindung stehende Artikel

Mehr sehen