国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁 php框架 YII yii框架怎麼引進(jìn)css與js文件

yii框架怎麼引進(jìn)css與js文件

Feb 17, 2020 pm 01:51 PM
css js yii

yii框架怎麼引進(jìn)css與js文件

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

yii框架怎麼引進(jìn)css與js文件

#2、可以直接寫入原生程式碼引入,路徑是專案目錄/ web/css 或/js

<script src="js/nav.js"></script>

相關(guān)教學(xué)建議: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 app\assets;
 use yii\web\AssetBundle;
 /**
 * @author Qiang Xue <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\bootstrap\BootstrapAsset&#39;,  
    ];
 
    //定義按需加載JS方法,注意加載順序在最后  
    public static function addScript($view, $jsfile) {  
        $view->registerJsFile($jsfile, [AppAsset::className(), &#39;depends&#39; => &#39;api\assets\AppAsset&#39;]);  
    }  
      
   //定義按需加載css方法,注意加載順序在最后  
    public static function addCss($view, $cssfile) {  
        $view->registerCssFile($cssfile, [AppAsset::className(), &#39;depends&#39; => &#39;api\assets\AppAsset&#39;]);  
    }  }

在視圖文件開頭寫入:

<?php
use yii\helpers\Html;
use app\assets\AppAsset;
 AppAsset::register($this);
 ?>

到現(xiàn)在為止,我們可以在瀏覽器上測試,發(fā)現(xiàn)並沒有引入css和js文件,這裡要注意了,我們還需要最後一步:

在視圖文件中我們要加入程式碼(註:如果我們使用公共視圖文件,可以加入到公共視圖文件,如果沒有使用,可以放到單獨(dú)頁面中)

yii框架怎麼引進(jìn)css與js文件

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

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

更多程式相關(guān)內(nèi)容學(xué)習(xí),請?jiān)煸Lphp中文網(wǎng)程式設(shè)計(jì)教學(xué)欄位!

以上是yii框架怎麼引進(jìn)css與js文件的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

本網(wǎng)站聲明
本文內(nèi)容由網(wǎng)友自願投稿,版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容,請聯(lián)絡(luò)admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費(fèi)脫衣圖片

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅(qū)動的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費(fèi)的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費(fèi)的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強(qiáng)大的PHP整合開發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

什麼是AutoPrefixer,它如何工作? 什麼是AutoPrefixer,它如何工作? Jul 02, 2025 am 01:15 AM

Autoprefixer是一個根據(jù)目標(biāo)瀏覽器範(fàn)圍自動為CSS屬性添加廠商前綴的工具。 1.它解決了手動維護(hù)前綴易出錯的問題;2.通過PostCSS插件形式工作,解析CSS、分析需加前綴的屬性、依配置生成代碼;3.使用步驟包括安裝插件、設(shè)置browserslist、在構(gòu)建流程中啟用;4.注意事項(xiàng)有不手動加前綴、保持配置更新、非所有屬性都加前綴、建議配合預(yù)處理器使用。

您如何使用CSS對SVG進(jìn)行動畫動畫? 您如何使用CSS對SVG進(jìn)行動畫動畫? Jun 30, 2025 am 02:06 AM

AnimatingSVGwithCSSispossibleusingkeyframesforbasicanimationsandtransitionsforinteractiveeffects.1.Use@keyframestodefineanimationstagesforpropertieslikescale,opacity,andcolor.2.ApplytheanimationtoSVGelementssuchas,,orviaCSSclasses.3.Forhoverorstate-b

什麼是圓錐級函數(shù)? 什麼是圓錐級函數(shù)? Jul 01, 2025 am 01:16 AM

theconic-Gradient()functionIncsscreatesCircularGradientsThatRotateColorStopSaroundAcentralPoint.1.IsidealForPieCharts,ProgressIndicators,colordichers,colorwheels和decorativeBackgrounds.2.itworksbysbysbysbydefindefingincolordefingincolorstopsatspecificains off.

Yii vs. Laravel:為您的項(xiàng)目選擇正確的PHP框架 Yii vs. Laravel:為您的項(xiàng)目選擇正確的PHP框架 Jul 02, 2025 am 12:26 AM

選擇Yii還是Laravel取決於項(xiàng)目需求和團(tuán)隊(duì)專長。 1)Yii適合高性能需求,結(jié)構(gòu)輕量。 2)Laravel提供豐富功能,開發(fā)者友好,適合複雜應(yīng)用。兩者均可擴(kuò)展,但Yii更易於模塊化,而Laravel社區(qū)資源更豐富。

CSS教程專注於移動優(yōu)先設(shè)計(jì) CSS教程專注於移動優(yōu)先設(shè)計(jì) Jul 02, 2025 am 12:52 AM

Mobile-firstCSSdesignrequiressettingtheviewportmetatag,usingrelativeunits,stylingfromsmallscreensup,optimizingtypographyandtouchtargets.First,addtocontrolscaling.Second,use%,em,orreminsteadofpixelsforflexiblelayouts.Third,writebasestylesformobile,the

CSS教程,用於創(chuàng)建加載旋轉(zhuǎn)器和動畫 CSS教程,用於創(chuàng)建加載旋轉(zhuǎn)器和動畫 Jul 07, 2025 am 12:07 AM

創(chuàng)建CSS加載旋轉(zhuǎn)器的方法有三種:1.使用邊框的基本旋轉(zhuǎn)器,通過HTML和CSS實(shí)現(xiàn)簡單動畫;2.使用多個點(diǎn)的自定義旋轉(zhuǎn)器,通過不同延遲時間實(shí)現(xiàn)跳動效果;3.在按鈕中添加旋轉(zhuǎn)器,通過JavaScript切換類來顯示加載狀態(tài)。每種方法都強(qiáng)調(diào)了設(shè)計(jì)細(xì)節(jié)如顏色、大小、可訪問性和性能優(yōu)化的重要性,以提升用戶體驗(yàn)。

YII中控制器目錄的目的是什麼? YII中控制器目錄的目的是什麼? Jul 01, 2025 am 12:19 AM

在Yii應(yīng)用中,控制器目錄用於存儲處理用戶請求的控制器類。該目錄默認(rèn)位於app/controllers/,每個控制器文件以“Controller”結(jié)尾,如SiteController.php;常見的任務(wù)包括處理表單提交、從模型獲取數(shù)據(jù)、傳遞變量到視圖、重定向用戶及返回JSON響應(yīng);組織控制器時可使用子目錄、避免過多業(yè)務(wù)邏輯、保持方法專注、利用繼承和清晰命名??刂破髯鳛镸VC模式中的中間層,協(xié)調(diào)模型與視圖,將URL映射到對應(yīng)的動作方法,例如/Site/about對應(yīng)SiteController::

如何在yii中啟用URL重寫? 如何在yii中啟用URL重寫? Jun 29, 2025 am 12:07 AM

啟用Yii的URL重寫需完成四個步驟。首先在配置文件中設(shè)置urlManager,啟用enablePrettyUrl並隱藏index.php;其次若使用Apache,需配置.htaccess文件以啟用URL重寫;第三若使用Nginx,需修改server塊配置以正確轉(zhuǎn)發(fā)請求;最後進(jìn)行測試並驗(yàn)證是否成功移除index.php且訪問正常。

See all articles