欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-20 13:46:32
本文实例讲述了yii2框架加载css和js文件的方法。分享给大家供大家参考,具体如下: 1、第一步是要把我们的css、js文件放到web目录下 2、第二步修改ass...

本文实例讲述了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相关内容感兴趣的读者可查看本站专题:《yii框架入门及常用技巧总结》、《php优秀开发框架总结》、《smarty模板入门基础教程》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总

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