wkii/yii2-adminlte

基于 Yii2 框架的 AdminLTE 主题

安装数: 1,521

依赖项: 0

建议者: 0

安全性: 0

星标: 7

关注者: 2

分支: 4

公开问题: 3

类型:yii2-extension

1.0.7 2017-08-09 05:38 UTC

This package is auto-updated.

Last update: 2024-09-19 00:52:04 UTC


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

快速开始

扩展安装后,您可以通过重新配置视图组件的路径映射来预览

对于 Yii 2 应用程序模板基本应用程序模板

'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.phppjax-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,请参阅