yii2框架自动调用js文件的配置怎么设置

JavaScript010

yii2框架自动调用js文件的配置怎么设置,第1张

在yii2中，由于yii2版本升级导致了，很多yii2的用法跟yii1有着很大的区别，这几天一直在view层的视图界面徘徊着，遇到什么问题呢？ 问题就是搞不清我该如何去引入CSS,JS文件了！也看了社区中其它有经验的大神的教程，也按着做了，但是还是有一些问题存在着，比如说yii2的项目打开后，头部和尾部是公共的，该如何去掉？以及如何才能不改动原main.php文件的情况下，去引入JS,CSS文件，也许有一种办法就是写一个xxxAsset.php的配置文件，然后通过xxx Asset::register($this)可以引入文件，但是这下我又遇到问题了，碰到了这句代码无效，不起作用，在firebug打开后，head里没有引入任何的CSS,JS文件，样式也变得乱七八糟，后来我又查了下相关资料，恰巧，下了一个其他人发的yii2后台模版，于是，今天早上我大概了看了下后台的样式是怎么布局的，总结了下：

1、在前台view中最简单不过的就是像之前那样一个文件一个文件的引入,于是在顶部使用use调用代码段

use yii\helpers\Html

然后在下面的Html中可以这样调用

<?=Html::jsFile('@web/***/js/***.js')?>//这里***代表你的目录名或者文件名

<?=Html::cssFile('@web/***/css/***.css')?>//***同上

这样的话就不需要动其他文件，直接引入文件就好了，需要哪个引入哪个，当然这样写的话就是每次得写很多行代码去加载，最好还是写到配置文件中，但是用配置文件来引入这个问题我暂时还没弄通，后面如果找到原因我会分享给大家

2、前台这样引入，那么在controller中怎么自定义样式文件呢

在控制器中加上以下代码

public $layout = 'layout'//在类中定义一个变量，名为$layout

注意的是这个layout在你的view中有个目录叫layouts，在这个目录下，我新建了一个文件名为layout.php,在其中我加上一句代码

<?php echo $content?>

这样控制器就会自动去找当前视图目录下的layouts目录下的加载视图文件的php文件

以上的几行简短的代码就解决了新手不知道该如何去加载CSS,JS文件的问题，大家如果觉得写***Asset.php文件会有问题，就用我这种办法，后期等熟悉了yii2之后在改用其他的办法去加载

另外，我再补充下，在view中怎么去跳转链接到其他的视图文件

同样在顶部先引入类库

use yii\helpers\Url

然后再需要链接跳转的地方这样写：

<?phpecho Url::toRoute('post/index')?>//post为你的当前控制器名，index为view模版

关于bower

简单的来说就是：

包管理软件，用于前端可以用命令行安装js，如同我们用apt-get install软件一样

安装bower

这里依赖于node以及Npm，所以我们需要安装nodejs，具体可以参见nodejs官网，不过如果是同Mac os或者是Ubuntu的话，可以用类似于

brew install npm

再安装bower

npm install -g bower

安装js包

创建一个简单的配置文件.bowerrc用于配置Bower安装路径

{

"directory": "public/"

}

安装

bower install angularjs

$ bower install angularjs

bower cachedgit://github.com/angular/angularjs.org.git#58ef7908d9

bower validate 58ef7908d9 against git://github.com/angular/angularjs.org.git#*

如果要安装指定版本就是(转载保留:bower install js使用bower管理js)

bower install <name>=<package>#<version></version></package></name>

例如

bower install jquery#1.4