Comment importer des ressources d'image dans Yii
- 王林original
- 2020-03-11 11:57:493120parcourir
1. Ajoutez un dossier statique sous le dossier Web, qui stocke les fichiers de ressources statiques tels que js, css, images, etc.
2. Ajoutez le code suivant dans le fichier 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']);
}(Tutoriels associés recommandés : yii framework )
3. etc
<?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>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：À quoi sert principalement le framework yii ?Article suivant：À quoi sert principalement le framework yii ?