1、可以直接在視圖頁面上引入
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->registerJsFile($jsfile,?[AppAsset::className(),?'depends'?=>?'apiassetsAppAsset']);?? ????}?? ?????? ???//定義按需加載css方法,注意加載順序在最后?? ????public?static?function?addCss($view,?$cssfile)?{?? ????????$view->registerCssFile($cssfile,?[AppAsset::className(),?'depends'?=>?'apiassetsAppAsset']);?? ????}??}
在視圖文件開頭寫入:
<?php use yiihelpersHtml; use appassetsAppAsset; AppAsset::register($this); ?>
到現在為止,我們可以在瀏覽器上測試,發現并沒有引入css和js文件,這里要注意了,我們還需要最后一步:
在視圖文件中我們要加入一下代碼(注:如果我們使用公共視圖文件,可以加入到公共視圖文件,如果沒有使用,可以放到單獨頁面中)
4、不需要在資源包管理器中定義方法,只要在視圖頁面中直接引入即可
AppAsset::register($this);?? //css定義一樣?? $this->registerCssFile('@web/css/font-awesome.min.css',['depends'=>['apiassetsAppAsset']]);?? ?? ?$this->registerJsFile('@web/js/jquery-ui.custom.min.js',['depends'=>['apiassetsAppAsset']]);?? ?//$this->registerJsFile('@web/js/jquery-ui.custom.min.js',['depends'=>['apiassetsAppAsset'],'position'=>$this::POS_HEAD]);
更多編程相關內容學習,請訪問php中文網yii框架欄目!
? 版權聲明
文章版權歸作者所有,未經允許請勿轉載。
THE END
喜歡就支持一下吧
相關推薦