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

首頁(yè) php框架 YII yii2怎么引入css和js文件

yii2怎么引入css和js文件

Dec 17, 2019 pm 04:19 PM
css js yii2 引入 文件

yii2怎么引入css和js文件

引入方式有多種:

1、可以直接在視圖頁(yè)面上引入

<?php use yii\helpers\Html;?><?=Html::cssFile(&#39;@web/css/index.css&#39;)?><?=Html::jsFile(&#39;@web/js/jquery.min.js&#39;)?>

2、可以直接寫原生代碼引入,路徑是項(xiàng)目目錄/web/css 或者/js

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

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 = [ //依賴包,沒(méi)有可以不寫
        &#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)在為止,我們可以在瀏覽器上測(cè)試,發(fā)現(xiàn)并沒(méi)有引入css和js文件,這里要注意了,我們還需要最后一步:

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

<?php$this->beginPage() ?> 
<?php $this->head() ?>
<?php $this->beginBody() ?> 
<?php $this->endBody() ?>
<?php $this->endPage() ?>

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

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)文章教程推薦:yii教程

以上是yii2怎么引入css和js文件的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

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

熱AI工具

Undress AI Tool

Undress AI Tool

免費(fèi)脫衣服圖片

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

用于從照片中去除衣服的在線人工智能工具。

Clothoff.io

Clothoff.io

AI脫衣機(jī)

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

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

SublimeText3 Mac版

SublimeText3 Mac版

神級(jí)代碼編輯軟件(SublimeText3)

熱門話題

Laravel 教程
1601
29
PHP教程
1502
276
如何更改CSS中的文本顏色? 如何更改CSS中的文本顏色? Jul 27, 2025 am 04:25 AM

要改變CSS中文本顏色,需使用color屬性;1.使用color屬性可設(shè)置文本前景色,支持顏色名稱(如red)、十六進(jìn)制碼(如#ff0000)、RGB值(如rgb(255,0,0))、HSL值(如hsl(0,100%,50%))以及帶透明度的RGBA或HSLA(如rgba(255,0,0,0.5));2.可將顏色應(yīng)用于包含文本的任何元素,如h1至h6標(biāo)題、段落p、鏈接a(需注意a:link、a:visited、a:hover、a:active不同狀態(tài)的顏色設(shè)置)、按鈕、div、span等;3.最

描述不同的CSS單元以及何時(shí)使用它們 描述不同的CSS單元以及何時(shí)使用它們 Jul 27, 2025 am 04:24 AM

在網(wǎng)頁(yè)開發(fā)中,CSS單位的選擇取決于設(shè)計(jì)需求和響應(yīng)式表現(xiàn)。1.像素(px)用于固定尺寸如邊框和圖標(biāo),但不利于響應(yīng)式設(shè)計(jì);2.百分比(%)根據(jù)父容器調(diào)整大小,適合流式布局但需注意上下文依賴;3.em基于當(dāng)前字體大小,rem基于根元素字體,適合彈性字體和統(tǒng)一主題控制;4.視口單位(vw/vh/vmin/vmax)依據(jù)屏幕尺寸調(diào)整,適合全屏元素和動(dòng)態(tài)UI;5.auto、inherit、initial等值用于自動(dòng)計(jì)算、繼承或重置樣式,有助于靈活布局與樣式管理。合理使用這些單位能提升頁(yè)面靈活性與響應(yīng)性。

如何使用CSS Backdrop-Filter屬性? 如何使用CSS Backdrop-Filter屬性? Aug 02, 2025 pm 12:11 PM

backdrop-filter用于對(duì)元素背后的內(nèi)容應(yīng)用視覺(jué)效果,1.使用backdrop-filter:blur(10px)等語(yǔ)法實(shí)現(xiàn)毛玻璃效果;2.支持blur、brightness、contrast等多種濾鏡函數(shù)并可疊加;3.常用于玻璃態(tài)卡片設(shè)計(jì),需確保元素與背景重疊;4.現(xiàn)代瀏覽器支持良好,可用@supports提供降級(jí)方案;5.避免過(guò)大模糊值和頻繁重繪以優(yōu)化性能,該屬性僅在元素背后有內(nèi)容時(shí)生效。

如何在CSS中樣式鏈接? 如何在CSS中樣式鏈接? Jul 29, 2025 am 04:25 AM

鏈接的樣式應(yīng)通過(guò)偽類區(qū)分不同狀態(tài),1.使用a:link設(shè)置未訪問(wèn)鏈接樣式,2.a:visited設(shè)置已訪問(wèn)鏈接,3.a:hover設(shè)置懸停效果,4.a:active設(shè)置點(diǎn)擊時(shí)樣式,5.a:focus確保鍵盤可訪問(wèn)性,始終遵循LVHA順序以避免樣式?jīng)_突,可通過(guò)添加padding、cursor:pointer和保留或自定義焦點(diǎn)輪廓來(lái)提升可用性和可訪問(wèn)性,還可使用border-bottom或動(dòng)畫下劃線等自定義視覺(jué)效果,最終確保鏈接在所有狀態(tài)下均有良好用戶體驗(yàn)和可訪問(wèn)性。

什么是用戶代理樣式表? 什么是用戶代理樣式表? Jul 31, 2025 am 10:35 AM

用戶代理樣式表是瀏覽器自動(dòng)應(yīng)用的默認(rèn)CSS樣式,用于確保未添加自定義樣式的HTML元素仍具基本可讀性。它們影響頁(yè)面初始外觀,但不同瀏覽器存在差異,可能導(dǎo)致不一致顯示。開發(fā)者常通過(guò)重置或標(biāo)準(zhǔn)化樣式來(lái)解決這一問(wèn)題。使用開發(fā)者工具的“計(jì)算”或“樣式”面板可查看默認(rèn)樣式。常見覆蓋操作包括清除內(nèi)外邊距、修改鏈接下劃線、調(diào)整標(biāo)題大小及統(tǒng)一按鈕樣式。理解用戶代理樣式有助于提升跨瀏覽器一致性并實(shí)現(xiàn)精準(zhǔn)布局控制。

如何使用CSS創(chuàng)建虛線? 如何使用CSS創(chuàng)建虛線? Jul 28, 2025 am 03:34 AM

使用border屬性設(shè)置dashed樣式可快速創(chuàng)建虛線,如border-top:2pxdashed#000;2.可通過(guò)調(diào)整邊框?qū)挾?、顏色和樣式自定義虛線外觀;3.將虛線應(yīng)用于dividers或inline元素時(shí),建議設(shè)置height:0或重置hr的默認(rèn)樣式;4.如需精確控制虛線長(zhǎng)度和間距,應(yīng)使用background-image與linear-gradient配合實(shí)現(xiàn),例如background:linear-gradient(toright,black33%,transparent33%)repe

如何使用CSS創(chuàng)建彈跳動(dòng)畫? 如何使用CSS創(chuàng)建彈跳動(dòng)畫? Aug 02, 2025 am 05:44 AM

Define@keyframesbouncewith0%,100%attranslateY(0)and50%attranslateY(-20px)tocreateabasicbounce.2.Applytheanimationtoanelementusinganimation:bounce0.6sease-in-outinfiniteforsmooth,continuousmotion.3.Forrealism,use@keyframesrealistic-bouncewithscale(1.1

如何解開已經(jīng)投入GIT存儲(chǔ)庫(kù)的文件 如何解開已經(jīng)投入GIT存儲(chǔ)庫(kù)的文件 Jul 28, 2025 am 01:46 AM

要正確停止跟蹤已提交的文件,需執(zhí)行以下步驟:1.使用gitrm--cached從Git索引中移除文件但保留本地文件,對(duì)目錄使用gitrm-r--cached;2.將文件添加到.gitignore中以防止未來(lái)被重新跟蹤,通過(guò)echo"">>.gitignore并提交.gitignore的更改;3.提交變更,命令為gitcommit-m"Stoptrackingandaddto.gitignore";4.若文件包含敏感數(shù)據(jù),需使用gitfilter

See all articles