Yii2框架的后端UI,基于AdminLTE
该软件包包含 Yii 2.0 框架的资源包,用于注册 AdminLTE 用户界面的 CSS 文件。
CSS 文件是通过 Yii 推荐使用的fxp/composer-asset-plugin
v1.1.1 或更高版本安装的。
安装此扩展的首选方法是通过 Composer。
要安装 AdminLTE v2,请运行:
composer require dmstr/yii2-adminlte-asset "^2.1"
要安装 AdminLTE v1,请运行:
composer require dmstr/yii2-adminlte-asset "^1"
AdminLTE 在2.4.0
中删除了网络字体包含,因此您需要手动包含所需的字体,即。
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
不建议在生产中通过 CDN 包含,请根据您项目的资产捆绑工作流程进行调整。
有关详细信息,请参阅#140。
升级时,请参阅 AdminLTE 升级指南,了解您需要在视图中进行的调整。
DmitryBaranovskiy/eve.git
的问题,请参阅 #128 和 #113。yii2-管理资产 | 管理LTE | 字体真棒 |
---|---|---|
2.4 | 2.0 - 2.3 | 必需的 |
2.5 | 2.4 | 必需的 |
3.0 | 2.4 | - |
其他问题请先搜索GitHub。
安装扩展后,您可以通过重新配置视图组件的路径映射来进行预览:
对于 Yii 2 高级应用程序模板或基本应用程序模板
' components ' => [
' view ' => [
' theme ' => [
' pathMap ' => [
' @app/views ' => ' @vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app '
],
],
],
],
申请phd5
' components ' => [
' view ' => [
' theme ' => [
' pathMap ' => [
' @app/views ' => ' @vendor/dmstr/yii2-adminlte-asset/example-views/testing/app '
],
],
],
],
此资源包提供了布局和视图的示例文件(请参阅文件夹examples/
),它们并不意味着直接在vendor/
文件夹中进行自定义。
因此,建议将视图复制到您的应用程序中并根据您的需要进行调整。
vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app
(或其他主题)复制到@app/views
。view
配置。vendor/almasaeed2010/adminlte/pages
AdminLTE 插件的资源不包含在我们的AdminLteAsset
中,但您可以在您的供应商目录中的vendor/almasaeed2010/adminlte/plugins
下找到这些文件。因此,如果您想使用其中任何一个,我们建议您创建一个自定义捆绑包,在其中列出您需要的插件文件:
use yii web AssetBundle ;
class AdminLtePluginAsset extends AssetBundle
{
public $ sourcePath = ' @vendor/almasaeed2010/adminlte/plugins ' ;
public $ css = [
' chart.js/Chart.min.css ' ,
// more plugin CSS here
];
public $ js = [
' chart.js/Chart.bundle.min.js '
// more plugin Js here
];
public $ depends = [
' dmstradminltewebAdminLteAsset ' ,
];
}
由于此资产取决于我们的AdminLteAsset
因此它是您必须注册的唯一资产,例如在main.php
布局文件中。
如果你想使用 headers AdminLTE 的原生 DOM
< h1 >
About < small > static page </ small >
</ h1 >
然后你可以按照代码:
/* @var yiiwebView $this */
$ this -> params [ ' breadcrumbs ' ][] = ' About ' ;
$ this -> beginBlock ( ' content-header ' ); ?>
About <small>static page</small>
<?php $ this -> endBlock (); ?>
<div class="site-about">
<p> This is the About page. You may modify the following file to customize its content: </p>
<code> <?= __FILE__ ?> </code>
</div>
如果您需要分隔菜单的各个部分,只需将header
选项添加到items
中的项目中即可
' items ' => [
[ ' label ' => ' Gii ' , ' iconType ' => ' far ' 'icon' => 'file-code', ' url ' => [ ' /gii ' ]],
[ ' label ' => ' Debug ' , ' icon ' => ' dashboard-alt ' , ' url ' => [ ' /debug ' ]],
[ ' label ' => ' MAIN NAVIGATION ' , ' header ' => true ], // here
// ... a group items
[ ' label ' => '' , ' header ' => true ],
// ... a group items
[ ' label ' => '' , ' header ' => true ],
// ... a group items
要为项目添加徽章:
' items ' => [
[
' label ' => ' Mailbox ' ,
' iconType ' => ' far ' ,
' icon ' => ' envelope ' ,
' url ' => [ ' /mailbox ' ],
' badge ' => ' <span class="badge badge-info right">123</span> '
],
]
默认情况下图标会添加 Font Awesome 前缀
告诉 Gii 我们的模板。该设置是在配置文件中进行的:
if ( YII_ENV_DEV ) {
$ config [ ' modules ' ][ ' gii ' ] = [
' class ' => ' yiigiiModule ' ,
' generators ' => [ // HERE
' crud ' => [
' class ' => ' yiigiigeneratorscrudGenerator ' ,
' templates ' => [
' adminlte ' => ' @vendor/dmstr/yii2-adminlte-asset/gii/templates/crud/simple ' ,
]
]
],
];
}
转到测试文件夹并启动测试堆栈
cd tests
docker-compose up -d
在测试应用程序中安装yii2-adminlte-asset
docker-compose exec php composer install
在浏览器中打开测试 URL
http://docker.local:20580/test
http://docker.local:20580/test/login
有关 AdminLTE 文档,请阅读 https://almsaeedstudio.com/themes/AdminLTE/documentation/index.html
命名空间规则遵循 Yii 2.0 框架结构,例如:
dmstradminlteweb
用于资产包。