rogermaciel/cakephp-adminlte-theme

CakePHP 5.x AdminLTE 主题。

1.0.0 2023-10-12 15:16 UTC

This package is auto-updated.

Last update: 2024-09-12 17:35:15 UTC


README

新闻动态

AdminLTE 已更新至 2.4.5 版本。

CakePHP 已更新至与 4.0.0 兼容的版本。

本版 2.0.0 可视为稳定版本,如 SemVer.org 建议所示。

安装

您可以使用 composer 进行安装。

composer require rogermaciel/cakephp-adminlte-theme

启用插件

// src/Application.php

public function bootstrap()
{
    $this->addPlugin('AdminLTE');
}

启用主题

// src/Controller/AppController.php
use Cake\Event\EventInterface;

public function beforeRender(EventInterface  $event)
{
    $this->viewBuilder()->setTheme('AdminLTE');
}

启用表单

// src/View/AppView.php

public function initialize()
{
    $this->loadHelper('Form', ['className' => 'AdminLTE.Form']);
}

配置

// new config/adminlte.php file

return [
    'Theme' => [
        'title' => 'AdminLTE',
        'logo' => [
            'mini' => '<b>A</b>LT',
            'large' => '<b>Admin</b>LTE'
        ],
        'login' => [
            'show_remember' => true,
            'show_register' => true,
            'show_social' => true
        ],
        'folder' => ROOT,
        'skin' => 'blue'
    ]
];

// config/bootstrap.php

Configure::load('adminlte', 'default');

自定义布局

如果您想 自定义布局

特性说明

布局

共有 10 个布局文件。

  • boxed
  • collapsed
  • default 这是主布局
  • 文档
  • fixed
  • lockscreen
  • 登录
  • 打印
  • 注册
  • 顶部

视图块

共有 3 个块,您可以在其中扩展您的主题。

  • css
<?php echo $this->fetch('css'); ?>

例如,src/Template/Pages/home.ctp

<?php echo $this->Html->css('AdminLTE./bower_components/morris.js/morris', ['block' => 'css']); ?>
  • script
<?php echo $this->fetch('script'); ?>

例如,src/Template/Pages/home.ctp

<?php echo $this->Html->script('AdminLTE./bower_components/morris.js/morris.min', ['block' => 'script']); ?>
  • scriptBottom
<?php echo $this->fetch('scriptBottom'); ?>

例如,src/Template/Pages/home.ctp

<?php $this->start('scriptBottom'); ?>
    <script>
      $.widget.bridge('uibutton', $.ui.button);
    </script>
<?php  $this->end(); ?>

元素

共有 7 个元素文件。

  • Element/
    • aside/
      • form
      • sidebar-menu
      • 用户面板
    • aside-control-sidebar
    • aside-main-sidebar
    • 页脚
    • 顶部导航

Flash 消息

主题已准备好显示 Flash 消息。

<?php echo $this->Flash->render(); ?>
<?php echo $this->Flash->render('auth'); ?>

Bake

Bake 是 Cake 的较好功能之一。主题已准备好使用 Bake。

bin/cake bake all user --theme AdminLTE

视图

  • AdminLTEView

这是该主题的较好功能之一。它改变了 Cake 显示视图文件的模式。

基本上,您将覆盖任何主题、插件和前缀文件。

  1. src/Template/Plugin/$theme/Plugin/$plugin/$prefix/
  2. src/Template/Plugin/$theme/Plugin/$plugin/
  3. src/Template/Plugin/$theme/$prefix/
  4. src/Template/Plugin/$theme/

表单辅助器

默认情况下,表单辅助器基于 Foundation 模板格式化模板。此辅助器将覆盖这些模板。

行为

  • DatepickerBehavior

当您将 App.defaultLocale 配置为 pt_BR 时,此行为将被利用。

区域设置

当您将 App.defaultLocale 配置为 pt_BR 时,此区域设置将被利用。

页面调试

添加了指向 CakePHP 默认页面的链接。

Page debug

贡献

  1. 分支它
  2. 创建您的功能分支(git checkout -b my-new-feature
  3. 提交您的更改(git commit -am '添加一些功能'
  4. 推送到分支(git push origin my-new-feature
  5. 创建新的 Pull Request