请选择 进入手机版 | 继续访问电脑版
绿茶科技社区

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
这篇文章主要介绍了Yii2框架加载css和js文件的方法,结合实例形式简单分析了Yii框架加载css和js文件的相关操作技巧与注意事项,需要的朋友可以参考下
本文实例讲述了Yii2框架加载css和js文件的方法。分享给大家供大家参考,具体如下:
1、第一步是要把我们的css、js文件放到web目录下

2、第二步修改assets/AppAsset.php文件
  1. <?php
  2. /**
  3. * @link http://www.yiiframework.com/
  4. * @copyright Copyright (c) 2008 Yii Software LLC
  5. * @license http://www.yiiframework.com/license/
  6. */
  7. namespace app\assets;
  8. use yii\web\AssetBundle;
  9. /**
  10. * @author Qiang Xue <qiang.xue@gmail.com>
  11. * @since 2.0
  12. */
  13. class AppAsset extends AssetBundle
  14. {
  15.   public $basePath = '@webroot';
  16.   public $baseUrl = '@web';
  17.   // public $css = [
  18.   //   'css/site.css',
  19.   //   'bootstrap/css/bootstrap.min.css',
  20.   // ];
  21.   // public $js = [
  22.   //   'jquery/jquery.min.js',
  23.   //   'bootstrap/js/bootstrap.min.js'
  24.   // ];
  25.   public function registerAssetFiles( $view )
  26.   {
  27.     //加一个版本号
  28.     //目的:使浏览器获取最新的文件
  29.     $release = "20170226";
  30.     $this->css = [
  31.       "bootstrap/css/bootstrap.min.css?v={$release}"
  32.     ];
  33.     $this->js = [
  34.        'jquery/jquery.min.js',
  35.        'bootstrap/js/bootstrap.min.js'
  36.     ];
  37.     parent::registerAssetFiles( $view );
  38.   }
  39. }
复制代码
两种加载方式,我们更推荐下面这种。



分享到 :
0 人收藏

3 个回复

倒序浏览
Dragon龙  高级会员 | 2019-8-12 07:08:43
OMG!介是啥东东!!!
老翅寒暑  金牌会员 | 2019-8-25 20:14:07

Teddys Knowledg  高级会员 | 2019-9-11 02:36:12
支持一下,绿茶科技
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

举报|Archiver|手机版|小黑屋|Lvchakeji Inc.  

Powered by Discuz! X3.3 © 2001-2016 Comsenz Inc.

返回顶部