Yii2使用小技巧之通过 Composer 添加 FontAwesome 字体资源
这回要说的是，如何给 Yii2 项目添加外部资源（external assets），以 FontAwesome 为例子。
Yii2 开始使用 composer 来做项目的依赖管理，这货是类似于 NodeJS 里面 npm 的东东，可以自动获取 Github 上最新版本的第三方库（比如 Bootstrap 啦，FontAwesome 啦之类的）。按官方教程装好后，就可以开始初始化项目了。
一、初始化项目
通过 Composer 来初始化
php composer.phar create-project --prefer-dist --stability=dev yiisoft/yii2-app-basic basic
然后开始码代码，Model Controller View 神马的，此处按下不表。
二、安装 FontAwesome
终于，你的项目发展到需要引用第三方库了，我们仍然通过 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 的包到项目本地。
三、创建 FontAwesome 资源包（asset bundle）
为了使用这些库，我们需要在项目的 /assets 目录下创建一个 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);
第二种，在你的网站全局引入，或者将其作为另一个资源的依赖引用。在项目的 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'
];
}
刷新页面，看看是不是已经引入了对应的 css、js 资源。
相关文章
这篇文章主要介绍了PHP编译安装时常见错误解决办法,本文涵盖了PHP编译安装中的大多数错误,同时给出解决方法,需要的朋友可以参考下2015-05-05
由于工作原因在thinkPHP的create()方法上遇到了问题，所以跟踪了create()，从而进一步探究了create()方法。 原来create()方法原来有两个参数,本文就此作简要说明,需要的朋友可以参考下2014-06-06
本篇文章是对phpize的使用进行了详细的分析介绍，需要的朋友参考下2013-06-06
laravel-admin 添加、编辑按钮支持携带参数的解决方法
通过修改源码实现laravel-admin添加、编辑按钮支持携带参数,解决一些特殊功能需求,并且不影响之前添加和编辑程序运行,本文通过实例代码给大家介绍的非常详细,需要的朋友参考下吧2023-11-11
下面小编就为大家带来一篇PHP魔术方法以及关于独立实例与相连实例的全面讲解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
Yii安装EClientScript插件扩展实现css,js文件代码压缩合并加载功能
这篇文章主要介绍了Yii安装EClientScript插件扩展实现css,js文件代码压缩合并加载功能,分析了EClientScript插件的下载、安装、设置及使用的相关技巧,需要的朋友可以参考下2016-07-07
Laravel框架实现model层的增删改查(CURD)操作示例
这篇文章主要介绍了Laravel框架实现model层的增删改查(CURD)操作,结合实例形式分析了Laravel框架模型model层进行数据库的增删改查操作具体实现技巧,需要的朋友可以参考下2018-05-05
这篇文章主要介绍了php实现上传图片生成缩略图示例,代码中有详细注释，需要的朋友可以参考下2014-04-04
下面小编就为大家带来一篇使用一个for循环将N*N的二维数组的所有值置1实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
本文给大家分享的是使用PHP通过正则匹配来实现下载CSS文件中的图片的功能，代码非常的简单使用，特别是对于经常扒别人网站的小朋友2015-12-12
最新评论