首页 php框架 YII Yii2框架中CSS、JS文件引入方法

Yii2框架中CSS、JS文件引入方法

Dec 18, 2019 pm 02:59 PM
yii2

Yii2框架中CSS、JS文件引入方法

在yii2中,由于yii2版本升级导致了,很多yii2的用法跟yii1有着很大的区别,这几天一直在view层的视图界面徘徊着,遇到什么问题呢?                                  (推荐学习:yii框架

问题就是搞不清我该如何去引入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(&#39;@web/***/js/***.js&#39;)?>//这里***代表你的目录名或者文件名
<?=Html::cssFile(&#39;@web/***/css/***.css&#39;)?>//***同上
登录后复制

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

2、前台这样引入,那么在controller中怎么自定义样式文件呢 在控制器中加上以下代码

public $layout = &#39;layout&#39;;//在类中定义一个变量,名为$layout
登录后复制

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

<?php echo $content; ?>
登录后复制

这样控制器就会自动去找当前视图目录下的layouts目录下的加载视图文件的php文件 以上的几行简短的代码就解决了新手不知道该如何去加载CSS,JS文件的问题,大家如果觉得写***Asset.php文件会有问题,就用我这种办法,后期等熟悉了yii2之后在改用其他的办法去加载 另外,我再补充下,在view中怎么去跳转链接到其他的视图文件 同样在顶部先引入类库

use yii\helpers\Url;
登录后复制

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

<?phpecho Url::toRoute(&#39;post/index&#39;);?>//post为你的当前控制器名,index为view模版
登录后复制

以上是Yii2框架中CSS、JS文件引入方法的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
威尔R.E.P.O.有交叉游戏吗?
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

在云本地环境中使用YII的最佳实践是什么? 在云本地环境中使用YII的最佳实践是什么? Mar 18, 2025 pm 04:39 PM

本文讨论了在云本地环境中部署YII应用程序的最佳实践,并通过集装,编排和安全措施专注于可扩展性,可靠性和效率。

在无服务器体系结构中使用YII的关键注意事项是什么? 在无服务器体系结构中使用YII的关键注意事项是什么? Mar 18, 2025 pm 04:33 PM

本文讨论了在无服务器体系结构中使用YII的关键注意事项,专注于无状态,冷启动,功能大小,数据库交互,安全性和监视。它还涵盖优化策略和潜在的综合

用编码对测试YII应用程序的最佳策略是什么? 用编码对测试YII应用程序的最佳策略是什么? Mar 18, 2025 pm 04:27 PM

本文讨论了使用编码感应测试YII应用程序的策略,重点是使用内置模块,BDD,不同的测试类型,模拟,CI集成和代码覆盖范围。

YII内置测试框架的主要功能是什么? YII内置测试框架的主要功能是什么? Mar 18, 2025 pm 04:41 PM

YII的内置测试框架可以通过Phpunit集成,灯具管理以及对各种测试类型的支持,改善代码质量和开发实践等功能,从而增强了应用测试。

如何实现与YII和Websocket的实时数据同步? 如何实现与YII和Websocket的实时数据同步? Mar 18, 2025 pm 04:34 PM

本文讨论了使用YII和Websocket实施实时数据同步,涵盖了设置,集成以及绩效和安全性的最佳实践。

使用YII构建SaaS应用程序的主要好处是什么? 使用YII构建SaaS应用程序的主要好处是什么? Mar 18, 2025 pm 04:25 PM

本文讨论了YII对SaaS开发的好处,专注于绩效,安全性和快速开发功能,以提高可扩展性并缩短市场时间。

如何使用YII构建实时地理位置跟踪系统? 如何使用YII构建实时地理位置跟踪系统? Mar 18, 2025 pm 04:40 PM

文章讨论使用YII建立实时地理位置跟踪,涵盖设置,数据库设计和安全性。主要重点是集成和数据隐私和安全性的最佳实践。

如何在YII微服务中实现服务发现和负载平衡? 如何在YII微服务中实现服务发现和负载平衡? Mar 18, 2025 pm 04:30 PM

本文讨论了在YII微服务中实施服务发现和负载平衡,详细介绍了有效的沟通和工作负载分配的步骤和最佳实践。

See all articles