yii框架引入css与js文件的操作步骤 - 行业资讯 - 肥雀云

　　介绍

这篇文章主要介绍了yii框架引入css与js文件的操作步骤,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

1,可以直接在视图页面上引入

2,可以直接写原生代码引入,路径是项目目录/web/css或者/js

& lt; script src=https://www.yisu.com/zixun/" js/nav.js ">

相关教程推荐:yii框架

3,可以使用assetBundle管理css样式及js脚本

资源包定义:基本/资产/AppAsset.php

& lt; ? php/* * 　　,* @link http://www.yiiframework.com/,* @copyright Copyright (c), 2008年,Yii Software 有限责任公司　　,* @license http://www.yiiframework.com/license/,*/,namespace 应用\资产; 　　yii \ web \, use AssetBundle;/* * 　　,* @author Qiang Xue & lt; qiang.xue@gmail.com> 　　,* @since 2.0 　　,*/class AppAsset extends AssetBundle { 　　,,,public basePath 美元;=,& # 39;@webroot& # 39;; 　　,,,public baseUrl 美元;=,& # 39;@web& # 39;; 　　,,,public css 美元;=,( 　　,,,,,,,& # 39;css/site.css& # 39; 　　,,,,,,,& # 39;css/base.css& # 39; 　　,,,); 　　,,,public js 美元;=,( 　　,,,,,,,& # 39;js/sliders.js& # 39; 　　,,,); 　　,,,public depends 美元;=,[,//依赖包,没有可以不写　　,,,,,,,& # 39;yii \ web \ YiiAsset& # 39; 　　,,,,,,,& # 39;yii \引导\ BootstrapAsset& # 39;,,, 　　,,,); 　　, 　　,,,//定义按需加载JS方法,注意加载顺序在最后,, 　　,,,public static function addScript(看来,美元,美元jsfile), {,, 　　,,,,,,,视图→美元registerJsFile (jsfile美元,[AppAsset::类名(),& # 39;取决于# 39;,=祝辞,& # 39;api \资产\ AppAsset& # 39;]),,, 　　,,,},, 　　,,,,, 　　,,//定义按需加载css方法,注意加载顺序在最后,, 　　,,,public static function addCss(看来,美元,美元cssfile), {,, 　　,,,,,,,视图→美元registerCssFile (cssfile美元,[AppAsset::类名(),& # 39;取决于# 39;,=祝辞,& # 39;api \资产\ AppAsset& # 39;]),,, 　　,,,},,}

在视图文件开头写入:

& lt; php ? 　　use , yii \助手\ Html; 　　use 应用\ \ AppAsset资产; 　　,AppAsset:注册($); 　　,?在

到现在为止,我们可以在浏览器上测试,发现并没有引入css和js文件,这里要注意了,我们还需要最后一步:

在视图文件中我们要加入一下代码(注:如果我们使用公共视图文件,可以加入到公共视图文件,如果没有使用,可以放到单独页面中)

yii框架引入css与js文件的操作步骤

4,不需要在资源包管理器中定义方法,只要在视图页面中直接引入即可

AppAsset::注册($);,,//css定义一样,, 　　$ this→registerCssFile (& # 39; @web/css/font-awesome.min.css& # 39;,[& # 39;取决于# 39;=祝辞(& # 39;api \资产\ AppAsset& # 39;]]),,, 　　,, 　　,$ this→registerJsFile (& # 39; @web/js/jquery-ui.custom.min.js& # 39;,[& # 39;取决于# 39;=祝辞(& # 39;api \资产\ AppAsset& # 39;]]),,, 　　,//$ this→registerJsFile (& # 39; @web/js/jquery-ui.custom.min.js& # 39;,[& # 39;取决于# 39;=祝辞(& # 39;api \ \ AppAsset& # 39;资产),& # 39;位置# 39;=祝辞:美元:POS_HEAD]);

感谢你能够认真阅读完这篇文章,希望小编分享的“yii框架引入css与js文件的操作步骤”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!