Yii2框架加载css和js文件的方法分析


Posted in PHP onMay 25, 2019

本文实例讲述了Yii2框架加载css和js文件的方法。分享给大家供大家参考,具体如下:

1、第一步是要把我们的css、js文件放到web目录下

Yii2框架加载css和js文件的方法分析

2、第二步修改assets/AppAsset.php文件

<?php
/**
 * @link http://www.yiiframework.com/
 * @copyright Copyright (c) 2008 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */
namespace app\assets;
use yii\web\AssetBundle;
/**
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @since 2.0
 */
class AppAsset extends AssetBundle
{
  public $basePath = '@webroot';
  public $baseUrl = '@web';
  // public $css = [
  //   'css/site.css',
  //   'bootstrap/css/bootstrap.min.css',
  // ];
  // public $js = [
  //   'jquery/jquery.min.js',
  //   'bootstrap/js/bootstrap.min.js'
  // ];
  public function registerAssetFiles( $view )
  {
    //加一个版本号
    //目的:使浏览器获取最新的文件
    $release = "20170226";
    $this->css = [
      "bootstrap/css/bootstrap.min.css?v={$release}"
    ];
    $this->js = [
       'jquery/jquery.min.js',
       'bootstrap/js/bootstrap.min.js'
    ];
    parent::registerAssetFiles( $view );
  }
}

两种加载方式,我们更推荐下面这种。

希望本文所述对大家基于Yii框架的PHP程序设计有所帮助。

PHP 相关文章推荐
php文件怎么打开 如何执行php文件
Dec 21 PHP
用php简单实现加减乘除计算器
Jan 06 PHP
php判断电脑访问、手机访问的例子
May 10 PHP
php数组合并array_merge()函数使用注意事项
Jun 19 PHP
PHP框架Laravel的小技巧两则
Feb 10 PHP
laravel 5 实现模板主题功能(续)
Mar 02 PHP
修复ShopNC使用QQ 互联时提示100010 错误
Nov 08 PHP
Symfony实现行为和模板中取得request参数的方法
Mar 17 PHP
微信支付开发动态链接Native支付
Jul 12 PHP
php mongodb操作类 带几个简单的例子
Aug 25 PHP
php连接sftp的作用以及实例代码
Sep 23 PHP
thinkphp 获取控制器及控制器方法
Apr 16 PHP
php数组遍历类与用法示例
May 24 #PHP
PHP实现的操作数组类库定义与用法示例
May 24 #PHP
定位地理位置PHP判断员工打卡签到经纬度是否在打卡之内
May 23 #PHP
Swoole4.4协程抢占式调度器详解
May 23 #PHP
PHP文件上传小程序 适合初学者学习!
May 23 #PHP
PHP观察者模式实例分析【对比JS观察者模式】
May 22 #PHP
PHP单例模式实例分析【防继承,防克隆操作】
May 22 #PHP
You might like
PHP5新特性: 更加面向对象化的PHP
2006/11/18 PHP
apache2.2.4+mysql5.0.77+php5.2.8安装精简
2009/04/29 PHP
PHP中使用虚代理实现延迟加载技术
2014/11/05 PHP
jQuery 开天辟地入门篇一
2009/12/09 Javascript
纯JavaScript实现的完美渐变弹出层效果代码
2010/04/02 Javascript
jquery Mobile入门—外部链接切换示例代码
2013/01/08 Javascript
JavaScript缓冲运动实现方法(2则示例)
2016/01/08 Javascript
JavaScript数据结构与算法之链表
2016/01/29 Javascript
BootStrap文件上传样式超好看【持续更新】
2016/05/10 Javascript
浅谈JavaScript的函数及作用域
2016/12/30 Javascript
利用JS对iframe父子(内外)页面进行操作的方法教程
2017/06/15 Javascript
详解React中setState回调函数
2018/06/14 Javascript
ng-events类似ionic中Events的angular全局事件
2018/09/05 Javascript
Angular刷新当前页面的实现方法
2018/11/21 Javascript
vue拖拽组件使用方法详解
2018/12/01 Javascript
使用JQuery自动完成插件Auto Complete详解
2019/06/18 jQuery
基于JavaScript的数据结构队列动画实现示例解析
2020/08/06 Javascript
[55:54]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python中的yield浅析
2014/06/16 Python
Python使用multiprocessing创建进程的方法
2015/06/04 Python
Scrapy的简单使用教程
2017/10/24 Python
使用pandas的box_plot去除异常值
2019/12/10 Python
Django集成celery发送异步邮件实例
2019/12/17 Python
使用python实现哈希表、字典、集合操作
2019/12/22 Python
Python稀疏矩阵及参数保存代码实现
2020/04/18 Python
如何用python批量调整视频声音
2020/12/22 Python
python爬虫利用代理池更换IP的方法步骤
2021/02/21 Python
HTML5实现的震撼3D焦点图动画的示例代码
2019/09/26 HTML / CSS
解析HTML5中的新功能本地存储localStorage
2016/03/01 HTML / CSS
Tiqets英国:智能手机上的文化和娱乐门票
2019/07/10 全球购物
UDP协议功能
2013/01/06 面试题
汉语言文学毕业生求职信
2013/10/01 职场文书
市场营销管理毕业生自荐信
2014/03/03 职场文书
简易离婚协议书范本
2014/10/24 职场文书
八一建军节慰问信
2015/02/14 职场文书
Nginx 502 Bad Gateway错误原因及解决方案
2021/03/31 Servers