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 程序员应该使用的10个组件
Oct 31 PHP
Cakephp 执行主要流程
Mar 24 PHP
PHP 数组排序方法总结 推荐收藏
Jun 30 PHP
PHP中error_reporting()函数的用法(修改PHP屏蔽错误)
Jul 01 PHP
一些需要禁用的PHP危险函数(disable_functions)
Feb 23 PHP
如何利用php array_multisort函数 对数据库结果进行复杂排序
Jun 08 PHP
php-fpm配置详解
Feb 12 PHP
Laravel利用gulp如何构建前端资源详解
Jun 03 PHP
PHP实现的数据对象映射模式详解
Mar 20 PHP
Centos7 Yum安装PHP7.2流程教程详解
Jul 02 PHP
Docker 安装 PHP并与Nginx的部署实例讲解
Feb 27 PHP
如何用PHP websocket实现网页实时聊天
May 26 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
php文件上传及下载附带显示文件及目录功能
2017/04/27 PHP
Smarty模板类内部原理实例分析
2019/07/03 PHP
tp5.0框架隐藏index.php入口文件及模块和控制器的方法分析
2020/02/11 PHP
基于JQuery的动态删除Table表格的行和列的代码
2011/05/12 Javascript
JavaScript高级程序设计 客户端存储学习笔记
2011/09/10 Javascript
了解一点js的Eval函数
2012/07/26 Javascript
jquery 表格排序、实时搜索表格内容(附图)
2014/05/19 Javascript
node.js中的buffer.slice方法使用说明
2014/12/10 Javascript
jQuery手动点击实现图片轮播特效
2020/04/20 Javascript
js获取Html元素的实际宽度高度的方法
2016/05/19 Javascript
学习使用bootstrap的modal和carousel
2016/12/09 Javascript
AngularJS指令与指令之间的交互功能示例
2016/12/14 Javascript
jQuery实现动态文字搜索功能
2017/01/05 Javascript
vue-cli项目根据线上环境分别打出测试包和生产包
2018/05/23 Javascript
Echarts地图添加引导线效果(labelLine)
2019/09/30 Javascript
vuex实现购物车的增加减少移除
2020/06/28 Javascript
Python中的条件判断语句基础学习教程
2016/02/07 Python
Python实现简单求解给定整数的质因数算法示例
2018/03/25 Python
python如何使用unittest测试接口
2018/04/04 Python
Python基础学习之基本数据结构详解【数字、字符串、列表、元组、集合、字典】
2019/06/18 Python
python判断单向链表是否包括环,若包含则计算环入口的节点实例分析
2019/10/23 Python
基于virtualenv创建python虚拟环境过程图解
2020/03/30 Python
css3 条纹化和透明化表格Firefox下测试成功
2014/04/15 HTML / CSS
CSS3中currentColor关键字的妙用
2016/02/27 HTML / CSS
英格兰橄榄球商店:England Rugby Store
2016/12/17 全球购物
德国化妆品和天然化妆品网上商店:kosmetikfuchs.de
2017/06/09 全球购物
日本化妆品植村秀俄罗斯官方网站:Shu Uemura俄罗斯
2020/02/01 全球购物
Fanatics官网:运动服装、球衣、运动装备
2020/10/12 全球购物
ShellScript面试题一则-ShellScript编程
2014/06/24 面试题
大学生入党自我鉴定
2013/10/31 职场文书
应届毕业生自我评价分享
2013/12/15 职场文书
捐资助学倡议书
2014/04/15 职场文书
大专生自我鉴定怎么写
2014/09/16 职场文书
2014县政府领导班子三严三实对照检查材料思想汇报
2014/09/26 职场文书
教师批评与自我批评心得体会
2014/10/16 职场文书
给老师的一封感谢信
2015/01/20 职场文书