wolfpack-it/yii2-admin-lte

为 Yii2 框架提供 Admin LTE 3 主题和控件。

维护者

详情

github.com/wolfpack-it/yii2-admin-lte

源码

问题

安装次数: 310

依赖者: 0

建议者: 0

安全: 0

星标: 2

关注者: 5

分支: 1

开放问题: 0

v1.0.1 2021-03-08 11:32 UTC

Requires

MIT c0fceeb0768c35010b285449511de7235de1fd3b

  • Joey Claessen <joey_claessen.woop@hotmail.com>

This package is auto-updated.

Last update: 2024-09-08 19:20:28 UTC

README

此扩展提供了为 Yii2 框架提供的 Admin LTE 3 打包和控件。

安装

安装此扩展的首选方式是通过 composer。

运行以下命令之一

$ composer require wolfpack-it/yii2-admin-lte

或者将以下内容添加到您的 composer.json 文件的 require 部分中。

"wolfpack-it/yii2-admin-lte": "^<latest version>"

使用

资产包

示例 HTML 布局

使用样式时，必须配置注册包（这也是由控件自动完成的）。

$this->registerAssetBundle(\WolfpackIT\adminLte\bundles\AdminLteBundle::class);

HTML 示例布局

使用 Admin LTE 的基础 HTML 结构和添加示例。

主体

<body class="hold-transition sidebar-mini layout-fixed">
    <div class="wrapper">
        <!-- menu -->
        <!-- sidebar -->
        
        <div class="content-wrapper">
            <div class="content-header">
                <!-- header in container -->
            </div>
            <section class="content">
                <!-- content in container-->
            </section>
        </div>
        
        <!-- footer -->
    </div>
</body>

菜单

echo \yii\bootstrap4\NavBar::begin([
    'options' => [
        'class' => ['main-header', 'navbar-expand', 'navbar-light', 'border-bottom'],
    ],
    'renderInnerContainer' => false
]);

echo \yii\bootstrap4\Nav::widget([
    'options' => ['class' => 'navbar-nav'],
    'items' => [
        ['label' => \kartik\icons\Icon::show('bars'), 'linkOptions' => ['data-widget' => 'pushmenu'], 'encode' => false],
    ],
]);

echo \yii\bootstrap4\Nav::widget([
    'options' => ['class' => 'navbar-nav ml-auto'],
    'items' => [
        ['label' => \Yii::t( 'app', 'Home'), 'url' => \Yii::$app->homeUrl],
    ],
]);

NavBar::end();

侧边栏

\WolfpackIT\adminLte\widgets\SideNavBar::begin([
    'brandLabel' => \Yii::t('app', 'Urban Journalist'),
    'brandTextOptions' => ['class' => ['font-weight-light']],
    'brandUrl' => ['/'],
]);

echo \WolfpackIT\adminLte\widgets\SideNavBarUserPanel::widget([
    'icon' => 'user-secret',
    'label' => 'Guest',
    'url' => ['session/create']
]);

echo \WolfpackIT\adminLte\widgets\SideNav::widget([
    'items' => [
        [
            'icon' => 'home',
            'label' => \Yii::t('app', 'Home'),
            'url' => ['site/index'],
        ],
        [
            'icon' => 'star',
            'label' => \Yii::t('app', 'Submenu'),
            'items' => [
                [
                    'icon' => 'circle',
                    'label' => \Yii::t('app', 'Submenu item'),
                    'url' => ['site/index'],
                ]
            ]
        ]
    ],
]);

\WolfpackIT\adminLte\widgets\SideNavBar::end();

页脚

TBD

待办事项

  • 添加测试

致谢

许可

MIT 许可证 (MIT)。有关更多信息，请参阅 LICENSE。