ruudy/metronic-bundle

Symfony2 Bootstrap 后端/管理主题,基于 Metronic 构建

安装次数: 4,928

依赖者: 1

建议者: 0

安全性: 0

星标: 7

关注者: 2

分支: 6

开放问题: 2

类型:symfony-bundle

v0.1 2014-10-05 11:31 UTC

This package is auto-updated.

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


README

SensioLabsInsight Total Downloads Latest Stable Version License

为我的英语水平造成的不便,我深表歉意。

感谢 Sonata 项目,他们的代码让我对如何做一些事情有了启发。

感谢 Metronic - 响应式管理仪表板模板的创作者,他们给予了良好的待遇。

最新页面和模板已适配(更新)

  • 管理员基本布局
  • 高级数据表
  • 基于 Bootstramp 的表单

许可协议

此软件包受 MIT 许可协议的约束。请参阅软件包中的完整许可协议。

Resources/meta/LICENSE

安装

安装是一个快速的四步过程

  1. 通过 Composer 下载
  2. 启用软件包
  3. 为软件包生成所需的文件
  4. 下载或购买 Metronic 主题并复制一些资产文件夹

第 1 步:通过 Composer 下载

将 RuudyMetronicBundle 添加到您的 composer.json 中的 require 行

"require": {
    "ruudy/metronic-bundle": "@dev"
}

$ php composer.phar install

或者只需运行以下命令即可添加它

$ php composer.phar require ruudy/metronic-bundle '@dev'

Composer 将将软件包安装到您的项目 ruudy/metronic-bundle 目录中。

第 2 步:启用软件包

在内核中启用软件包

<?php
// app/AppKernel.php

public function registerBundles()
{
    $bundles = array(
        // ...
        new Ruudy\MetronicBundle\RuudyMetronicBundle(),
    );
}

第 3 步:为软件包生成所需的文件

在此阶段,软件包尚未准备就绪。您需要生成正确的文件和文件夹以进行 twig 继承

$ php app/console ruudy:metronic:generate

此命令将在 src/Application/Ruudy/ 生成一个骨架软件包,并创建一些文件夹以填充 Metronic 模板资产

第 4 步:下载或购买 Metronic 主题并复制一些资产文件夹

此项目基于 Metronic - 响应式管理仪表板模板,因此您需要购买它以获取许可证以及所有资产和示例。

在您获得许可证后,您只需复制软件包生成的某些文件夹

/metronic_3.0.1/metronic/assets/admin

INTO

/src/Application/Ruudy/MetronicBundle/Resources/public/admin

/metronic_3.0.1/metronic/assets/global

INTO

/src/Application/Ruudy/MetronicBundle/Resources/public/global

此软件包与 Metronic 3.0.1 版本兼容,但我在努力使其与最新的 Metronic 发布保持同步

复制文件后,您只需安装资产

$ php app/console assets:install web --symlink

用法

如您所见,此软件包基本上由大量的 twigs 文件组成。

您只需取出这些块、区域或部分,并通过自己的方式扩展它。如果您有 metronic 软件包示例,这将使您更快、更轻松。

基本思想是将 Metronic 主题在区域中分离,您可以用部件填充这些区域,但部件可以有自己的区域以填充其他部件。就像容器继承一样简单。

如您所见,我尝试保持 metronic 结构,因此如果 metronic 有一个通过

<!-- BEGIN RESPONSIVE MENU TOGGLER -->
...// some html
<!-- END RESPONSIVE MENU TOGGLER -->

在此软件包中,您将有一个定义为的区域

{% block responsive_menu_toggler %}{% endblock %}

和一个名为的 twig 文件

responsive_menu_toggler.html.twig

此文件具有创建 HTML 容器的块的基本 HTML,您只需决定要做什么

  1. 扩展它并用从 Metronic 软件包中直接复制的 HTML 填充。
  2. 扩展它并从头开始创建自己的 HTML。
  3. 创建自己的 responsive_menu_toggler 并将其包含在块中。

示例

您可以在“Resources\views\metronic\examples”文件夹中找到一些基本示例,展示这个包是如何工作的。

它会不断增长。