100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > yii框架怎么引入css与js文件

yii框架怎么引入css与js文件

时间:2023-03-05 16:49:28

相关推荐

yii框架怎么引入css与js文件

php框架|YII

yii,css,js

php框架-YII

大商创2.3源码,ubuntu 修改更新源,tomcat最高连接数,rnaseq和爬虫,php中有web前端吗,房产seolzw

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

android 源码大小,ubuntu复杂密码破解,爬虫箱电路原理,百度一下湖北有哪家公司招php,seo薪资行情lzw

edusoho系统源码,vscode 编译c语言,ubuntu桌面添加,tomcat优化笔试题,nsfc 爬虫,php 压缩 加密,临沂seo按天付费,网站超链接url格式,织梦服务行业手机模板lzw

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

相关教学推荐:yii框架

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

资源包定义:basic/assets/AppAsset.php

<?php/** * @link / * @copyright Copyright (c) Yii Software LLC * @license /license/ */ namespace app\assets; use yii\web\AssetBundle; /** * @author Qiang Xue * @since 2.0 */class AppAsset extends AssetBundle{ public $basePath = @webroot; public $baseUrl = @web; public $css = [ css/site.css, css/base.css ]; public $js = [ js/sliders.js ]; public $depends = [ //依赖包,没有可以不写 yii\web\YiiAsset, yii\bootstrap\BootstrapAsset,];//定义按需加载JS方法,注意加载顺序在最后public static function addScript($view, $jsfile) {$view->registerJsFile($jsfile, [AppAsset::className(), depends => api\assets\AppAsset]);} //定义按需加载css方法,注意加载顺序在最后public static function addCss($view, $cssfile) {$view->registerCssFile($cssfile, [AppAsset::className(), depends => api\assets\AppAsset]);} }

在视图文件开头写入:

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

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

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

AppAsset::register($this); //css定义一样 $this->registerCssFile(@web/css/font-awesome.min.css,[depends=>[api\assets\AppAsset]]);$this->registerJsFile(@web/js/jquery-ui.custom.min.js,[depends=>[api\assets\AppAsset]]); //$this->registerJsFile(@web/js/jquery-ui.custom.min.js,[depends=>[api\assets\AppAsset],position=>$this::POS_HEAD]);

更多编程相关内容学习,请访问php中文网编程教学栏目!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。