如何在 Yii2 中添加物化
How to add materialize in Yii2
我正在尝试在我的高级 Yii2 项目中添加 Materialize。
并且有一个示例模板,但我什至无法在我的 yii 应用程序中使用它
http://yii2.themefactory.net/theme/54/material-simple#.ViNmS_krLIU
如何在我的主应用程序中添加实体化 css?
有这方面的好教程吗?
谢谢
将物化框架添加到您的 Yii2
应用程序中非常容易。
第一种方式(不推荐):
将所有需要的 CSS
和 JS
文件复制到您的 public 网站目录中。然后在您的 frontend\assets\AppAsset
class 中添加以下行:
public $css = [
//... another css files
'css/materialize.min.css'
];
public $js = [
//... another js files
'js/materialize.min.js'
];
另一种方法是使用 Yii2 的 Bower
.
Most JavaScript/CSS
packages are managed using Bower
and/or NPM
, instead of Composer
. Yii
uses the Composer asset plugin
to enable managing these kinds of packages through Composer
. If your extension depends on a Bower
package, you can simply list the dependency in composer.json
like the following:
{
// package dependencies
"require": {
"bower-asset/jquery": ">=1.11.*"
}
}
所以:
bower install materialize
更多信息(Yii2's
官方文档):Bower and NPM Assets
值得注意的是,您可以为您的应用程序定义新的Asset Bundle
,因此无需修改AppAsset
class。要创建您自己的 Asset Bundle
,请检查以下 link:
Defining Asset Bundles and Using Asset Bundles
如果您想从您的应用中禁用 bootstrap
或 JQuery
,您可以检查以下内容 link:
Yii2 disable Bootstrap Js, JQuery and CSS
您可以使用 Materialize for Yii2 package.This repo 通过在 Yii2 中实现 Materialize 提供了 Bootstrap 的替代方案。
我正在尝试在我的高级 Yii2 项目中添加 Materialize。
并且有一个示例模板,但我什至无法在我的 yii 应用程序中使用它
http://yii2.themefactory.net/theme/54/material-simple#.ViNmS_krLIU
如何在我的主应用程序中添加实体化 css?
有这方面的好教程吗?
谢谢
将物化框架添加到您的 Yii2
应用程序中非常容易。
第一种方式(不推荐):
将所有需要的 CSS
和 JS
文件复制到您的 public 网站目录中。然后在您的 frontend\assets\AppAsset
class 中添加以下行:
public $css = [
//... another css files
'css/materialize.min.css'
];
public $js = [
//... another js files
'js/materialize.min.js'
];
另一种方法是使用 Yii2 的 Bower
.
Most
JavaScript/CSS
packages are managed usingBower
and/orNPM
, instead ofComposer
.Yii
uses theComposer asset plugin
to enable managing these kinds of packages throughComposer
. If your extension depends on aBower
package, you can simply list the dependency incomposer.json
like the following:
{
// package dependencies
"require": {
"bower-asset/jquery": ">=1.11.*"
}
}
所以:
bower install materialize
更多信息(Yii2's
官方文档):Bower and NPM Assets
值得注意的是,您可以为您的应用程序定义新的Asset Bundle
,因此无需修改AppAsset
class。要创建您自己的 Asset Bundle
,请检查以下 link:
Defining Asset Bundles and Using Asset Bundles
如果您想从您的应用中禁用 bootstrap
或 JQuery
,您可以检查以下内容 link:
Yii2 disable Bootstrap Js, JQuery and CSS
您可以使用 Materialize for Yii2 package.This repo 通过在 Yii2 中实现 Materialize 提供了 Bootstrap 的替代方案。