webeith/metronic-bundle

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

安装: 231

依赖者: 0

建议者: 0

安全性: 0

星级: 0

关注者: 2

分支: 6

语言:HTML

类型:symfony-bundle

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

This package is not auto-updated.

Last update: 2024-09-23 13:43:13 UTC


README

SensioLabsInsight Total Downloads Latest Stable Version License

我为我的英语表达能力带来的不便表示歉意。

感谢 Sonata 项目,他们的代码启发了我在某些方面的做法。

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

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

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

许可证

本软件包采用 MIT 许可证。请参阅软件包中的完整许可证。

Resources/meta/LICENSE

安装

安装是一个简单的 4 步过程

  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

用法

如您所见,此软件包基本上由许多 twig 文件组成。

您只需取出那些块、区域或部分,并扩展它以符合您自己的需求。如果您有 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 块的基本 HTML,您只需决定要做什么

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

示例

您可以在 Resources\views\metronic\examples 文件夹中找到一些基本示例,说明此软件包的工作方式。

它将不断发展。