yii2如何引入js文件

发布时间 - 2020-02-19 00:00:00    点击率:

问题:

比如,我在web文件夹下建立css文件和js文件,在assets建立资源控制器。那么我在view层的时候怎么调用web/css/test.css或者web/js/test/js文件呢?

方法如下:

一、模块引用(该模块的所有页面都会引用)

Yii2对于CSS/JS 管理,使用AssetBundle资源包类。

(推荐教程:yii框架)

(注:YII2基础版 assets/AppAsset.php,YII2高级版 frontend/assets/AppAsset.php,这里以基础版为例)

namespace app\assets;
use yii\web\AssetBundle;
/**
 * @author Qiang Xue 
 * @since 2.0
 */
class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    //全局css 在这个添加css文件
    public $css = [
        'css/site.css',
        'css/test.css',
    ];
    //全局js  在这里添加js文件
    public $js = [
        'js/test.js',
    ];
    //依赖关系
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}

二、在某个视图文件中引用

只需要在view文件中添加如下代码就行了。

//引用css文件,注意自己的文件路径
registerCssFile('css/test.css');?>
//引用js文件,注意自己的文件路径
registerJsFile('js/test.js');?>

想学习更多编程相关内容,请关注编程入门栏目!


# js  # 自己的  # 我在  # 在这里  # 相关内容  # 在这  # 只需  # 要在  # 为例  # 想学  # 方法如下 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: lovemo网页版地址 lovemo官网手机登录  标题:Vue + Vuex + JWT 身份认证的正确实践与常见误区解析  Laravel如何处理JSON字段_Eloquent原生JSON字段类型操作教程  如何快速使用云服务器搭建个人网站?  Laravel Vite是做什么的_Laravel前端资源打包工具Vite配置与使用  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf?  如何快速搭建高效简练网站?  Laravel如何使用.env文件管理环境变量?(最佳实践)  香港服务器网站测试全流程:性能评估、SEO加载与移动适配优化  Laravel如何集成Inertia.js与Vue/React?(安装配置)  Python自动化办公教程_ExcelWordPDF批量处理案例  Laravel怎么判断请求类型_Laravel Request isMethod用法  JS碰撞运动实现方法详解  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?  如何解决hover在ie6中的兼容性问题  Laravel怎么实现软删除SoftDeletes_Laravel模型回收站功能与数据恢复【步骤】  如何在景安服务器上快速搭建个人网站?  最好的网站制作公司,网购哪个网站口碑最好,推荐几个?谢谢?  如何快速查询网站的真实建站时间?  Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】  Laravel如何生成API文档?(Swagger/OpenAPI教程)  JS实现鼠标移上去显示图片或微信二维码  利用vue写todolist单页应用  Laravel如何与Docker(Sail)协同开发?(环境搭建教程)  Chrome浏览器标签页分组怎么用_谷歌浏览器整理标签页技巧【效率】  PHP 实现电台节目表的智能时间匹配与今日/明日轮播逻辑  小米17系列还有一款新机?主打6.9英寸大直屏和旗舰级影像  Laravel中Service Container是做什么的_Laravel服务容器与依赖注入核心概念解析  专业型网站制作公司有哪些,我设计专业的,谁给推荐几个设计师兼职类的网站?  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办?  Python文本处理实践_日志清洗解析【指导】  电视网站制作tvbox接口,云海电视怎样自定义添加电视源?  如何快速生成可下载的建站源码工具?  详解Android中Activity的四大启动模式实验简述  Laravel如何实现全文搜索功能?(Scout和Algolia示例)  JS去除重复并统计数量的实现方法  Javascript中的事件循环是如何工作的_如何利用Javascript事件循环优化异步代码?  如何续费美橙建站之星域名及服务?  Python文件异常处理策略_健壮性说明【指导】  网站优化排名时,需要考虑哪些问题呢?  Laravel怎么实现搜索高亮功能_Laravel结合Scout与Algolia全文检索【实战】  香港网站服务器数量如何影响SEO优化效果?  如何在建站之星绑定自定义域名?  非常酷的网站设计制作软件,酷培ai教育官方网站?  Laravel怎么配置.env环境变量_Laravel生产环境敏感数据保护与读取【方法】  在线教育网站制作平台,山西立德教育官网?  佛山网站制作系统,佛山企业变更地址网上办理步骤?  百度浏览器如何管理插件 百度浏览器插件管理方法  Laravel怎么创建控制器Controller_Laravel路由绑定与控制器逻辑编写【指南】  EditPlus 正则表达式 实战(3)