wkii / yii2-adminlte
基于 Yii2 框架的 AdminLTE 主题
Requires
- almasaeed2010/adminlte: ~2.0
- bower-asset/fontawesome: >=4.6.3
- bower-asset/pace: 1.*
- yiisoft/yii2: 2.*
- yiisoft/yii2-bootstrap: 2.*
README
该项目已停止维护。
推荐使用: https://packagist.org.cn/packages/dmstr/yii2-adminlte-asset
Yii2 AdminLTE 资产包
基于 AdminLTE v2.x 的 Yii2 框架后端 UI
此包包含一个为 Yii 2.0 框架注册 AdminLTE 用户界面 CSS 文件的资产包。
AdminLTE 模板需要 Font Awesome,因此必须安装 composer 插件 asset-plugin。
composer global require "fxp/composer-asset-plugin:~1.0.0"
安装
安装此扩展的首选方式是通过 composer。
要安装 AdminLTE v2,运行
composer require wkii/yii2-adminlte
快速开始
扩展安装后,您可以通过重新配置视图组件的路径映射来预览
'components' => [ 'view' => [ 'theme' => [ 'pathMap' => [ '@app/views' => '@vendor/wkii/yii2-adminlte/example-views/yii2-app' ], ], ], ],
此资产包提供布局和视图的示例文件(请参阅文件夹 example-views/yii2-app),它们是 不要在 vendor/ 文件夹中修改。
因此,建议将视图文件复制到您的应用程序视图文件夹中,并根据需要进行调整。
自定义
- 将
vendor/wkii/yii2-adminlte/example-views/yii2-app(或其他主题)中的文件复制到@app/views。 - 如果您之前已添加,请通过删除路径映射从您的应用程序中删除自定义
view配置。 - 编辑您的视图,遵循
vendor/almasaeed2010/adminlte/pages中的 HTML 标记。
AdminLte 皮肤
默认情况下,该扩展使用 skin-blue 皮肤。您可以在配置文件中更改它。
'components' => [ 'assetManager' => [ 'bundles' => [ 'Wkii\AdminLTE\Asset\AdminLteAsset' => [ 'skin' => 'skin-red', ], ], ], ],
以下是可用的皮肤列表
"skin-blue",
"skin-blue-light",
"skin-yellow",
"skin-yellow-light",
"skin-green",
"skin-green-light",
"skin-purple",
"skin-purple-light",
"skin-red",
"skin-red-light",
"skin-black",
"skin-black-light
对于菜单
示例菜单请参阅 main-sidebar.php。
此小部件扩展自 yii\widgets\Menu。菜单项添加 icon 属性。使用 Font Awesome 图标。例如。
['label' => 'Gii', 'url' => ['/gii'], 'icon' =>'fa-gavel']
布局
默认布局是 main.php。
添加 single 单页布局。没有侧边栏,没有控制侧边栏,没有页脚,没有内容页眉,没有导航路径。适用于 iframe 对话框。
Pjax
Pjax 模板使用 yiisoft/jquery-pjax。Pjax 布局是 pjax-main.php。它包括 pjax-main-content.php。 pjax-content.php 只输出 div #pjax-container 的内容。
使用 pjax,您可以在配置中更改它
'layout' => 'pjax-main',
'components' => [
// ......
]
或者您的控制器添加属性
public $layout='pjax-main';
控制器操作示例
public function actionWelcome()
{
if (Yii::$app->request->isPjax) {
$this->layout = 'pjax-content';
return $this->render('welcome');
} else {
return $this->render('welcome');
}
}
更多信息
有关 AdminLTE 文档,请参阅
有关 Pjax,请参阅