yii怎么引入图片资源-YII-PHP中文网

首页

php框架

YII

yii怎么引入图片资源

王林

Mar 11, 2020 am 11:57 AM

yii图片资源

yii怎么引入图片资源

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

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

    //定义按需加载JS方法，注意加载顺序在最后
    public static function addJs($view, $jsfile) 
    {
        $view->registerJsFile($jsfile,[AppAsset::className(), "depends" => &#39;backend\assets\AppAsset&#39;]);
    }
    
    //定义按需加载css方法，注意加载顺序在最后
    public static function addCss($view, $cssfile)
    {
        $view->registerCssFile($cssfile, [AppAsset::className(), &#39;depends&#39; => &#39;backend\assets\AppAsset&#39;]);
    }

（相关教程推荐：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>

以上是yii怎么引入图片资源的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

yii：它仍然与现代网络开发有关吗？May 01, 2025 am 12:27 AM

yiiremainsrelevantinmodernwebdevelopmentsneedingssneedingspeedandspeedandflexibility.1）itoffershighppershighhighpperrance，ifealforporapplicationswherespeediscritical.2）其FlexibilityallowsibilityAllowsibilityallowsallowselowsallowsfortailorowsfortailorowsationalstructures.ever.ever，iThasasmallerComlerCommumnityAndStepeeperlearningningningningningningningningningningningningningningningningningningningningcu.

YII的寿命：耐力的原因Apr 30, 2025 am 12:22 AM

Yii框架在众多PHP框架中依然保持强大生命力是因为其高效、简洁和可扩展的设计理念。1)Yii通过“约定优于配置”提高开发效率；2)基于组件的架构和强大的ORM系统Gii增强了灵活性和开发速度；3)性能优化和不断的更新迭代确保其持续竞争力。

yii：探索其当前用法Apr 29, 2025 am 12:52 AM

Yii在现代Web开发中仍适用于需要高性能和灵活性的项目。1)Yii基于PHP的高性能框架，遵循MVC架构。2)它的优势在于高效、简洁和组件化设计。3)性能优化主要通过缓存和ORM实现。4)随着新框架的出现，Yii的使用情况有所变化。

YII和PHP：开发动态网站Apr 28, 2025 am 12:09 AM

Yii和PHP可以打造动态网站。1)Yii是一个高性能的PHP框架，简化Web应用开发。2)Yii提供MVC架构、ORM、缓存等功能，适合大型应用开发。3)使用Yii的基本和高级功能可以快速构建网站。4)注意配置、命名空间和数据库连接问题，使用日志和调试工具进行调试。5)通过缓存和优化查询提升性能，遵循最佳实践提高代码质量。