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

如何使用PHP框架Yii开发一个高可用的云备份系统Jun 27, 2023 am 09:04 AM

随着云计算技术的不断发展，数据的备份已经成为了每个企业必须要做的事情。在这样的背景下，开发一款高可用的云备份系统尤为重要。而PHP框架Yii是一款功能强大的框架，可以帮助开发者快速构建高性能的Web应用程序。下面将介绍如何使用Yii框架开发一款高可用的云备份系统。设计数据库模型在Yii框架中，数据库模型是非常重要的一部分。因为数据备份系统需要用到很多的表和关

php如何使用Yii3框架？May 31, 2023 pm 10:42 PM

随着互联网的不断发展，Web应用程序开发的需求也越来越高。对于开发人员而言，开发应用程序需要一个稳定、高效、强大的框架，这样可以提高开发效率。Yii是一款领先的高性能PHP框架，它提供了丰富的特性和良好的性能。Yii3是Yii框架的下一代版本，它在Yii2的基础上进一步优化了性能和代码质量。在这篇文章中，我们将介绍如何使用Yii3框架来开发PHP应用程序。

Yii2 vs Phalcon：哪个框架更适合开发显卡渲染应用？Jun 19, 2023 am 08:09 AM

在当前信息时代，大数据、人工智能、云计算等技术已经成为了各大企业关注的热点。在这些技术中，显卡渲染技术作为一种高性能图形处理技术，受到了越来越多的关注。显卡渲染技术被广泛应用于游戏开发、影视特效、工程建模等领域。而对于开发者来说，选择一个适合自己项目的框架，是一个非常重要的决策。在当前的语言中，PHP是一种颇具活力的语言，一些优秀的PHP框架如Yii2、Ph

Yii框架中的数据查询：高效地访问数据Jun 21, 2023 am 11:22 AM

Yii框架是一个开源的PHPWeb应用程序框架，提供了众多的工具和组件，简化了Web应用程序开发的流程，其中数据查询是其中一个重要的组件之一。在Yii框架中，我们可以使用类似SQL的语法来访问数据库，从而高效地查询和操作数据。Yii框架的查询构建器主要包括以下几种类型：ActiveRecord查询、QueryBuilder查询、命令查询和原始SQL查询

Symfony vs Yii2：哪个框架更适合开发大型Web应用？Jun 19, 2023 am 10:57 AM

随着Web应用需求的不断增长，开发者们在选择开发框架方面也越来越有选择的余地。Symfony和Yii2是两个备受欢迎的PHP框架，它们都具有强大的功能和性能，但在面对需要开发大型Web应用时，哪个框架更适合呢？接下来我们将对Symphony和Yii2进行比较分析，以帮助你更好地进行选择。基本概述Symphony是一个由PHP编写的开源Web应用框架，它是建立

Vue技术开发中如何处理图片资源的懒加载和预加载Oct 09, 2023 am 09:45 AM

Vue技术开发中如何处理图片资源的懒加载和预加载随着网页内容的丰富化，图片已经成为网页中必不可少的一部分。然而，大量的图片资源加载可能会导致网页加载速度变慢，影响用户的体验。为了解决这个问题，我们可以使用图片资源的懒加载和预加载技术来优化用户体验。一、懒加载技术懒加载是指网页中的图片在初次加载时只加载可视区域内的图片，当用户滚动页面到达图片所在区域时再加载图

yii如何将对象转化为数组或直接输出为json格式Jan 08, 2021 am 10:13 AM

yii框架：本文为大家介绍了yii将对象转化为数组或直接输出为json格式的方法，具有一定的参考价值，希望能够帮助到大家。

Yii2编程指南：运行Cron服务的方法Sep 01, 2023 pm 11:21 PM

如果您问“Yii是什么？”查看我之前的教程：Yii框架简介，其中回顾了Yii的优点，并概述了2014年10月发布的Yii2.0的新增功能。嗯>在这个使用Yii2编程系列中，我将指导读者使用Yii2PHP框架。在今天的教程中，我将与您分享如何利用Yii的控制台功能来运行cron作业。过去，我在cron作业中使用了wget—可通过Web访问的URL来运行我的后台任务。这引发了安全问题并存在一些性能问题。虽然我在我们的启动系列安全性专题中讨论了一些减轻风险的方法，但我曾希望过渡到控制台驱动的命令

See all articles