yii怎么引入css文件,Yii框架怎样引用JS和CSS文件

Yii框架怎样引用JS和CSS文件

发布时间：2021-01-06 09:58:23

来源：亿速云

阅读：118

作者：小新

这篇文章给大家分享的是有关Yii框架怎样引用JS和CSS文件的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

Yii 框架怎么引用 JS 和 CSS 文件？

首先将CSS和JS文件放到web目录下；然后打开“AppAsset.php”文件，并重写“registerAssetFiles”方法；接着在该方法中将CSS和JS文件路径进行注册；最后调用父级方法即可。

示例代码<?php

/**

* @link http://www.yiiframework.com/

* @license http://www.yiiframework.com/license/

namespace app\assets;

use yii\web\AssetBundle;

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 = "20200526";

$this->css = [

"bootstrap/css/bootstrap.min.css?v={$release}"

];

$this->js = [

'jquery/jquery.min.js',

'bootstrap/js/bootstrap.min.js'

];

parent::registerAssetFiles( $view );

}

感谢各位的阅读！关于“Yii框架怎样引用JS和CSS文件”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

yii怎么引入css文件,Yii框架怎样引用JS和CSS文件相关推荐

Webpack打包工具的使用---打包引用JS和CSS文件
1.webpack概述: webpack是一款加载兼打包工具,它能把各种资源,例如J(含JX).coffee.样式(含less/sass).图片等都作为模块来使用和处理. 2.全局安装: 在安装Web ...
php 压缩js css文件,PHP实现动态压缩js与css文件的方法
本文实例讲述了PHP实现动态压缩js与css文件的方法.分享给大家供大家参考,具体如下: 正式发布产品时,我们希望将项目里的js,css合并压缩,以减少http请求.防止轻易查看源代码. 使用只需要 ...
css判断ie版本才引用样式或css文件
 除IE外都可识别 <!--[if IE]> 所有的IE可识别 <![e ...
引用js或css后加?v= 版本号的用法
[plain] view plain copy print? <span style="font-size:14px;">css和js带参数(形如.css?v=与.j ...
武汉地图json文件_echarts各省市地图js和json文件
[实例简介] echarts使用的全国各省市地图js和json文件,此文件用于echarts实现地图展示包含css样式 [实例截图] [核心代码] map └── map ├── js │ ├── ...
php 合并 js css,PHP实现合并多个JS和CSS文件示例
//输出JS header ("Content-type:application/x-javascript; Charset: utf-8"); if(isset($_GET)) ...
html表单调用js文件上传,简单实现js上传文件功能
本文实例为大家分享了js实现上传文件功能的具体代码,供大家参考,具体内容如下一.用input完成上传,效果图如选择文件后,提交后出现图片url 二.传输格式采用form-data形式. html代 ...
node 导出csv文件_如何使用Node.js编写CSV文件
node 导出csv文件 A great library you can use to quickly write an array of objects to a CSV file using No ...
react实现上传文件进度条功能_React.js 可拖放文件的上传表单（支持多文件和进度显示）...
JavaScript 语言: JaveScriptBabelCoffeeScript 确定 console.clear(); const { createClass, PropTypes } = Re ...

yii怎么引入css文件,Yii框架怎样引用JS和CSS文件

yii怎么引入css文件,Yii框架怎样引用JS和CSS文件相关推荐

最新文章

热门文章