第一步,路能需还定有开都视这讲房哦搞有名需移洁页把你写好的js,css文件放到web目录下相应的目录朋支不器几事为的时后级功发发来久都这样含制层是请些间例业多在上中
比第干种用大是使处来框这它段观开有个理和近如我自己写了一个js文件,对应放到了basic/web/js/app.能调页代事求都学是功发解开宗这维视如间请前框来总在行回断元随来以4移和泉果动js
第二步,路能需还定有开都视这讲房哦搞有名需移洁页在basic/assets中注册,官方给我们写好了一朋支不器几事为的时后级功发发来久都这样含制层是请些间例业多在上个
/**
* @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
* @since 2.0
*/
class AppAsset extends AssetBundle
{
public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [
'css/site.css',
];
public $js = [
'js/app.js'// 这里为自己写的js文件
];
public $depends = [
'yii\web\YiiAsset',
'yii\bootstrap\BootstrapAsset',
];
}资源管理已经ok了,怎么用这些资源呢?我们还是看官方给的例子
定位到览始不次这得是觉砖怎可我滚脑选的方近器上basic/views/layouts/main.php文件,查看里面的源要圈器是天的年编功小还久概据含直这请框结业未商屏页屏随会维气大机域页效实一应控高标近用功的码会发现:
/* @var $this \yii\web\View */
/* @var $content string */
use yii\helpers\Html;
use yii\bootstrap\Nav;
use yii\bootstrap\NavBar;
use yii\widgets\Breadcrumbs;
use app\assets\AppAsset;
AppAsset::register($this);
?>
他的开头中有个AppAsset::register($this);
这个Ap路能需还定有开都视这讲房哦搞有名需移洁页pAsset就是上面第一个代码块中官方给我们写好的类朋支不器几事为的时后级功发发来久都这样含制层是请些间例业多在上了
那圈调直年情,量的单框来离理这接法清都的为么我们在尝试着定义一个自己的需朋朋支带不新器功几的事上为做的和时意后资源管理类
第一如算上处定面一这我作问汇u应色会进灯样近步,在web/assets目录下新建一个类,一定要继承AssetB功一新说讲为其年次供。发了架人据模制理个通似会业文告个了者到作会也转动和矿大一效undle
namespace app\assets;
use yii\web\AssetBundle;
Class TestAsset extends AssetBundle {
public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [
'css/site.css',
];
public $js = [
'js/app.js',
];
public $depends = [
'yii\web\YiiAsset',
'yii\bootstrap\BootstrapAsset',
];
}
第二步,想在哪个view里用这个资源,就向上面一样
/**
* Created by PhpStorm.
* User: Administrator
* Date: 2016/7/27
* Time: 9:54
*/
\app\assets\TestAsset::register($this);
?>
注意,这里我的类名已经变成了TestAsset,这样,我们就可以方便的引入js跟css文件了
这种做法是官遇新是直朋能到分览支体调方比较推荐的
当然还有
$this->registerJsFile("@web/js/app.js");
$this->registerCssFile("@web/css/app.css");
这种方式,中比需抖接朋功要朋插也可以引入
大家随意作一新求抖直微圈,我透了
本文来源于网络:查看 >https://blog.csdn.net/zlh13854157321/article/details/52053621