Yii2使用小技巧之通過 Composer 添加 FontAwesome 字體資源
這回要說的是，如何給 Yii2 項目添加外部資源（external assets），以 FontAwesome 為例子。
Yii2 開始使用 composer 來做項目的依賴管理，這貨是類似于 NodeJS 里面 npm 的東東，可以自動獲取 Github 上最新版本的第三方庫（比如 Bootstrap 啦，F(xiàn)ontAwesome 啦之類的）。按官方教程裝好后，就可以開始初始化項目了。
一、初始化項目
通過 Composer 來初始化
php composer.phar create-project --prefer-dist --stability=dev yiisoft/yii2-app-basic basic
然后開始碼代碼，Model Controller View 神馬的，此處按下不表。
二、安裝 FontAwesome
終于，你的項目發(fā)展到需要引用第三方庫了，我們?nèi)匀煌ㄟ^ Composer 來安裝。搜索packagist.org官方的包列表，我們找到了 FontAwesome 的配置。將 FortAwesome/Font-Awesome": "*" 添加到項目的 composer.json 配置文件里。
// ...
"require": {
"php": ">=5.4.0",
"hybridauth/hybridauth": "dev-master",
"FortAwesome/Font-Awesome": "*", // <- 這里
"yiisoft/yii2": "*",
"yiisoft/yii2-swiftmailer": "*",
"yiisoft/yii2-bootstrap": "*",
"yiisoft/yii2-debug": "*",
"yiisoft/yii2-gii": "*"
},
// ...
然后運行
php composer.phar update
從 Github 上拉取 FontAwesome 的包到項目本地。
三、創(chuàng)建 FontAwesome 資源包（asset bundle）
為了使用這些庫，我們需要在項目的 /assets 目錄下創(chuàng)建一個 FontAwesomeAsset.php
namespace assets;
use yii\web\AssetBundle;
class FontAwesomeAsset extends AssetBundle
{
// 下面這些資源文件并不在 web 目錄下，瀏覽器無法直接訪問。所以我們需要
// 指定 sourcePath 屬性。注意 @vendor 這個 alias，表示 vender 目錄
public $sourcePath = '@vendor/fortawesome/font-awesome';
public $css = [
'css/font-awesome.css',
];
}
四、注冊文件，引入資源
有兩種方法。第一種，當你想在某一個特定頁面引入這個資源包
// 這兩句直接寫在那一頁的 view 里 use assets\FontAwesomeAsset; FontAwesomeAsset::register($this);
第二種，在你的網(wǎng)站全局引入，或者將其作為另一個資源的依賴引用。在項目的 asset/AppAsset.php 中加上它：
class AppAsset extends AssetBundle
{
public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [
'css/site.css',
];
public $js = [
];
public $depends = [
'yii\web\YiiAsset',
'yii\bootstrap\BootstrapAsset',
// 在這里加上我們的 FontAwesomeAsset 包類
'assets\FontAwesomeAsset'
];
}
刷新頁面，看看是不是已經(jīng)引入了對應的 css、js 資源。
- PHP YII框架開發(fā)小技巧之模型(models)中rules自定義驗證規(guī)則
- yii2 頁面底部加載css和js的技巧
- Yii基于數(shù)組和對象的Model查詢技巧實例詳解
- Yii使用技巧大匯總
- yii2-GridView在開發(fā)中常用的功能及技巧總結(jié)
- Yii編程開發(fā)常見調(diào)用技巧集錦
- YII框架行為behaviors用法示例
- Yii2框架實現(xiàn)數(shù)據(jù)庫常用操作總結(jié)
- PHP的Yii框架中過濾器相關(guān)的使用總結(jié)
- YiiFramework入門知識點總結(jié)(圖文教程)
- YII框架常用技巧總結(jié)
相關(guān)文章
這篇文章主要介紹了PHP編譯安裝時常見錯誤解決辦法,本文涵蓋了PHP編譯安裝中的大多數(shù)錯誤,同時給出解決方法,需要的朋友可以參考下2015-05-05
由于工作原因在thinkPHP的create()方法上遇到了問題，所以跟蹤了create()，從而進一步探究了create()方法。 原來create()方法原來有兩個參數(shù),本文就此作簡要說明,需要的朋友可以參考下2014-06-06
本篇文章是對phpize的使用進行了詳細的分析介紹，需要的朋友參考下2013-06-06
laravel-admin 添加、編輯按鈕支持攜帶參數(shù)的解決方法
通過修改源碼實現(xiàn)laravel-admin添加、編輯按鈕支持攜帶參數(shù),解決一些特殊功能需求,并且不影響之前添加和編輯程序運行,本文通過實例代碼給大家介紹的非常詳細,需要的朋友參考下吧2023-11-11
PHP魔術(shù)方法以及關(guān)于獨立實例與相連實例的全面講解
下面小編就為大家?guī)硪黄狿HP魔術(shù)方法以及關(guān)于獨立實例與相連實例的全面講解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
Yii安裝EClientScript插件擴展實現(xiàn)css,js文件代碼壓縮合并加載功能
這篇文章主要介紹了Yii安裝EClientScript插件擴展實現(xiàn)css,js文件代碼壓縮合并加載功能,分析了EClientScript插件的下載、安裝、設(shè)置及使用的相關(guān)技巧,需要的朋友可以參考下2016-07-07
Laravel框架實現(xiàn)model層的增刪改查(CURD)操作示例
這篇文章主要介紹了Laravel框架實現(xiàn)model層的增刪改查(CURD)操作,結(jié)合實例形式分析了Laravel框架模型model層進行數(shù)據(jù)庫的增刪改查操作具體實現(xiàn)技巧,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了php實現(xiàn)上傳圖片生成縮略圖示例,代碼中有詳細注釋，需要的朋友可以參考下2014-04-04
使用一個for循環(huán)將N*N的二維數(shù)組的所有值置1實現(xiàn)方法
下面小編就為大家?guī)硪黄褂靡粋€for循環(huán)將N*N的二維數(shù)組的所有值置1實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
本文給大家分享的是使用PHP通過正則匹配來實現(xiàn)下載CSS文件中的圖片的功能，代碼非常的簡單使用，特別是對于經(jīng)常扒別人網(wǎng)站的小朋友2015-12-12