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

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

1、可以直接在視圖頁面上引入

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

2、可以直接寫原生代碼引入,路徑是項目目錄/web/css 或者/JS

<script></script>

相關教程推薦:yii框架

3、可以使用assetBundle管理css樣式及js腳本

立即學習前端免費學習筆記(深入)”;

資源包定義:basic/assets/AppAsset.php

<?php /**  * @link http://www.YIIframework.com/  * @copyright Copyright (c) 2008 Yii Software LLC  * @license http://www.yiiframework.com/license/  */  namespace appassets;  use yiiwebAssetBundle;  /**  * @author Qiang Xue <qiang.xue@gmail.com> ?*?@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?=?[?//依賴包,沒有可以不寫 ????????'yiiwebYiiAsset', ????????'yiibootstrapBootstrapAsset',?? ????]; ? ????//定義按需加載JS方法,注意加載順序在最后?? ????public?static?function?addScript($view,?$jsfile)?{?? ????????$view-&gt;registerJsFile($jsfile,?[AppAsset::className(),?'depends'?=&gt;?'apiassetsAppAsset']);?? ????}?? ?????? ???//定義按需加載css方法,注意加載順序在最后?? ????public?static?function?addCss($view,?$cssfile)?{?? ????????$view-&gt;registerCssFile($cssfile,?[AppAsset::className(),?'depends'?=&gt;?'apiassetsAppAsset']);?? ????}??}

在視圖文件開頭寫入:

<?php use yiihelpersHtml; use appassetsAppAsset;  AppAsset::register($this);  ?>

到現在為止,我們可以在瀏覽器上測試,發現并沒有引入css和js文件,這里要注意了,我們還需要最后一步:

在視圖文件中我們要加入一下代碼(注:如果我們使用公共視圖文件,可以加入到公共視圖文件,如果沒有使用,可以放到單獨頁面中)

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

4、不需要在資源包管理器中定義方法,只要在視圖頁面中直接引入即可

AppAsset::register($this);?? //css定義一樣?? $this-&gt;registerCssFile('@web/css/font-awesome.min.css',['depends'=&gt;['apiassetsAppAsset']]);?? ?? ?$this-&gt;registerJsFile('@web/js/jquery-ui.custom.min.js',['depends'=&gt;['apiassetsAppAsset']]);?? ?//$this-&gt;registerJsFile('@web/js/jquery-ui.custom.min.js',['depends'=&gt;['apiassetsAppAsset'],'position'=&gt;$this::POS_HEAD]);

更多編程相關內容學習,請訪問php中文網yii框架欄目!

以上就是yii框架怎么引入

? 版權聲明
THE END
喜歡就支持一下吧
點贊8 分享