cari

Rumah >rangka kerja php >YII >yii怎么引入图片资源

yii怎么引入图片资源

王林
王林asal
2020-03-11 11:57:493160semak imbas

yii怎么引入图片资源

1、在web文件夹下添加static文件夹，该文件夹存放js、css、images等静态资源文件

3c5b84a393336cce77e8d482f099ea8.png

2、在AppAsset.php文件中添加以下代码

    //定义按需加载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']);
    }

（相关教程推荐：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 alt="" src="/static/images/loading.gif" > <span style="margin-left: 10px;font-size: 19px;">数据加载中....</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>

Atas ialah kandungan terperinci yii怎么引入图片资源. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：yii框架主要用来做什么Artikel seterusnya：yii怎么获取post参数？

Artikel berkaitan

Lihat lagi