webeith / metronic-bundle
Symfony2 Bootstrap 后端/管理主题,基于 Metronic
Requires
- php: >=5.3.2
- symfony/symfony: 2.*
- twig/extensions: ~1.0
This package is not auto-updated.
Last update: 2024-09-23 13:43:13 UTC
README
我为我的英语表达能力带来的不便表示歉意。
感谢 Sonata 项目,他们的代码启发了我在某些方面的做法。
感谢 Metronic - 响应式管理仪表板模板的制作者们给予的良好待遇。
最新页面和模板已适配(更新)
- 管理基本布局
- 高级数据表格
- 基于 Bootstramp 表单
许可证
本软件包采用 MIT 许可证。请参阅软件包中的完整许可证。
Resources/meta/LICENSE
安装
安装是一个简单的 4 步过程
- 通过 composer 下载
- 启用软件包
- 生成软件包所需的文件
- 下载或购买 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,您只需决定要做什么
- 扩展它并直接从 Metronic 包中的 HTML 示例复制 HTML
- 扩展它并从头开始创建自己的 HTML。
- 创建自己的 responsive_menu_toggler 并将其包含在块中。
示例
您可以在 Resources\views\metronic\examples 文件夹中找到一些基本示例,说明此软件包的工作方式。
它将不断发展。