Heim > Artikel > PHP-Framework > 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.
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('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="max-width:90%">数据加载中....</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>
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!