关于Yii2中CSS,JS文件的引入心得 [ 2.0 版本 ]
在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模版
是不是特别简单啊!
我也是yii2的新手,希望把这一点点心得分享给同样是yii2迷途路上的新手们.
lamp68小菜鸟 北京
最后登录:2021-07-11
在线时长:84小时21分
- 粉丝31
- 金钱31945
- 威望10
- 积分32885
共 13 条评论
感谢分享,支持支持~~~
谢谢分享。
感谢分享,支持支持~~~ 还没发现Asset无效的问题,,Asset依赖文件要生效,,要先删除assets下面的缓存
你好,请问如果采用Asset,是不是只要需要引入不同的JS、CSS资源,就定义Asset并在视图中引入?
还有,一般的图片资源都是放在哪个位置呢?谢谢
是的,图片资源你自己定位,可以放在根目录/web/下
给你点个赞,小菜鸟快脱离小菜鸟了
感谢分享,赞
在view的PHP部分直接使用$this->registerJsFile('./path/js.js')就行了,不过我没找到怎么设置JS文件的默认路径,只能从./web中开始,有知道的求告知。。。
yii2 如何在页面底部加载css和js
AppAsset::register($this);
这句是怎么引入资源的还是不懂
我按照你这样引入资源文件,为何路径会变成了物理路径??大神,求教。
用@web
感谢啊,好人
不错不错
太给力了,找了半天,终于找到了css不加载的解决办法
问一个问题,就是刚刚下载好的模板,里面比如说SiteController对应的index视图没有看到任何调用CSS文件的代码。
AppAsset::register($this),是默认调用了吗?就是默认调用系统自己刚开始有的那个AppAsset类