yii怎麼引入圖片資源-YII-PHP中文網

首頁

php框架

YII

yii怎麼引入圖片資源

王林

Mar 11, 2020 am 11:57 AM

yii 圖片資源

yii怎麼引入圖片資源

1、在web資料夾下方新增static資料夾，該資料夾存放js、css、images等靜態資源檔案

yii怎麼引入圖片資源

2、在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;]);
    }

登入後複製

（相關教學建議：yii框架）

3、在HTML中引入js、css、 images等

<?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/imghw/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/imghw/default1.png"  data-src="/static/images/5badcb9ebfe4c.png"  alt=""  ><br>
<img  src="/static/imghw/default1.png"  data-src="<?php echo Url::to(&#39;@web/static/images/5badcb9ebfe4cpp.png&#39;); ? alt="yii怎麼引入圖片資源" >"  class="lazy"  alt=""  class="img-class"><br>
</body>
</html>

登入後複製

以上是yii怎麼引入圖片資源的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7802

Java教學

1644

CakePHP 教程

1402

Laravel 教程

1299

PHP教程

1236

Related knowledge

如何使用PHP框架Yii開發一個高可用的雲端備份系統 Jun 27, 2023 am 09:04 AM

隨著雲端運算技術的不斷發展，資料的備份已經成為了每個企業必須要做的事情。在這樣的背景下，開發一款高可用的雲端備份系統尤其重要。而PHP框架Yii是一款功能強大的框架，可以幫助開發者快速建立高效能的Web應用程式。以下將介紹如何使用Yii框架開發一款高可用的雲端備份系統。設計資料庫模型在Yii框架中，資料庫模型是非常重要的一環。因為資料備份系統需要用到很多的表和關

Symfony vs Yii2：哪個框架比較適合開發大型Web應用？ Jun 19, 2023 am 10:57 AM

隨著Web應用需求的不斷增長，開發者在選擇開發框架方面也越來越有選擇的空間。 Symfony和Yii2是兩個備受歡迎的PHP框架，它們都具有強大的功能和效能，但在面對需要開發大型網路應用程式時，哪個框架更適合呢？接下來我們將對Symphony和Yii2進行比較分析，以幫助你更好地進行選擇。基本概述Symphony是一個由PHP編寫的開源Web應用框架，它是建立

Vue技術開發中如何處理圖片資源的懶加載和預加載 Oct 09, 2023 am 09:45 AM

Vue技術開發中如何處理圖片資源的懶加載和預加載隨著網頁內容的豐富化，圖片已經成為網頁中必不可少的一部分。然而，大量的圖片資源載入可能會導致網頁載入速度變慢，影響使用者的體驗。為了解決這個問題，我們可以使用圖片資源的懶加載和預先載入技術來優化使用者體驗。一、懶加載技術懶加載是指網頁中的圖片在初次加載時只加載可視區域內的圖片，當用戶滾動頁面到達圖片所在區域時再加載圖

php如何使用Yii3框架？ May 31, 2023 pm 10:42 PM

隨著互聯網的不斷發展，Web應用程式開發的需求也越來越高。對於開發人員而言，開發應用程式需要一個穩定、高效、強大的框架，這樣可以提高開發效率。 Yii是一款領先的高效能PHP框架，它提供了豐富的特性和良好的性能。 Yii3是Yii框架的下一代版本，它在Yii2的基礎上進一步優化了效能和程式碼品質。在這篇文章中，我們將介紹如何使用Yii3框架來開發PHP應用程式。

Yii框架中的資料查詢：有效率地存取數據 Jun 21, 2023 am 11:22 AM

Yii框架是一個開源的PHPWeb應用程式框架，提供了眾多的工具和元件，簡化了Web應用程式開發的流程，其中資料查詢是其中一個重要的元件之一。在Yii框架中，我們可以使用類似SQL的語法來存取資料庫，從而有效率地查詢和操作資料。 Yii框架的查詢建構器主要包括以下幾種類型：ActiveRecord查詢、QueryBuilder查詢、命令查詢和原始SQL查詢

Yii2 vs Phalcon：哪個框架更適合開發顯示卡渲染應用？ Jun 19, 2023 am 08:09 AM

在當前資訊時代，大數據、人工智慧、雲端運算等技術已成為了各大企業關注的熱點。在這些技術中，顯示卡渲染技術作為一種高效能圖形處理技術，受到了越來越多的關注。顯示卡渲染技術廣泛應用於遊戲開發、影視特效、工程建模等領域。而對於開發者來說，選擇一個適合自己專案的框架，是一個非常重要的決策。在目前的語言中，PHP是一種相當有活力的語言，一些優秀的PHP框架如Yii2、Ph

Yii2程式設計指南：執行Cron服務的方法 Sep 01, 2023 pm 11:21 PM

如果您問「Yii是什麼？」請參閱我之前的教學：Yii框架簡介，其中回顧了Yii的優點，並概述了2014年10月發布的Yii2.0的新增功能。嗯>在這個使用Yii2程式設計系列中，我將指導讀者使用Yii2PHP框架。在今天的教學中，我將與您分享如何利用Yii的控制台功能來執行cron作業。過去，我在cron作業中使用了wget—可透過Web存取的URL來執行我的後台任務。這引發了安全性問題並存在一些效能問題。雖然我在我們的啟動系列安全性專題中討論了一些減輕風險的方法，但我曾希望過渡到控制台驅動的命令

Yii2 vs Symfony：哪個框架比較適合API開發？ Jun 18, 2023 pm 11:00 PM

隨著網路的快速發展，API成為了各種應用間資料交換的重要方式。因此，開發一款易於維護、高效、穩定的API框架變得越來越重要。而在選擇API框架時，Yii2和Symfony是兩個備受開發者歡迎的選擇。那麼，哪一個比較適合API開發呢？本文將對這兩個框架進行比較，並給出一些結論。一、基本介紹Yii2和Symfony都是成熟的PHP框架，都有相應的擴展，可以用來開

See all articles

yii怎麼引入圖片資源

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題