首页 / PHP / yii怎么引入图片资源
yii怎么引入图片资源
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了yii怎么引入图片资源,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2004字,纯文字阅读大概需要3分钟。
内容图文
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等
<?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="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怎么引入图片资源的详细内容。
内容总结
以上是互联网集市为您收集整理的yii怎么引入图片资源全部内容,希望文章能够帮你解决yii怎么引入图片资源所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。