1、在web文件夹下添加static文件夹，该文件夹存放js、css、images等静态资源文件
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等
<?phpuse 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('test') ?> $(function($) { $('#mybutton').click(function() { alert('ok'); }); }); <?php $this->endblock() ?> <?php $this->registerjs($this->blocks['test'], \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('test') ?> $(function($) { $("#mybutton2").click(function() { $('#loading').show(); }); }); <?php $this->endblock() ?> <?php $this->registerjs($this->blocks['test'], \yii\web\view::pos_end); ?><!-- 引入图片 --><img alt="" src="/static/images/5badcb9ebfe4c.png" class="img-class"><br><img alt="" src="<?php echo url::to('@web/static/images/5badcb9ebfe4cpp.png'); ?>" class="img-class"><br></body></html>
以上就是yii怎么引入图片资源的详细内容。