ruudy / metronic-bundle
Symfony2 Bootstrap 后端/管理主题,基于 Metronic 构建
Requires
- php: >=5.3.2
- symfony/symfony: 2.*
- twig/extensions: ~1.0
This package is auto-updated.
Last update: 2024-09-19 19:19:20 UTC
README
为我的英语水平造成的不便,我深表歉意。
感谢 Sonata 项目,他们的代码让我对如何做一些事情有了启发。
感谢 Metronic - 响应式管理仪表板模板的创作者,他们给予了良好的待遇。
最新页面和模板已适配(更新)
- 管理员基本布局
- 高级数据表
- 基于 Bootstramp 的表单
许可协议
此软件包受 MIT 许可协议的约束。请参阅软件包中的完整许可协议。
Resources/meta/LICENSE
安装
安装是一个快速的四步过程
- 通过 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
用法
如您所见,此软件包基本上由大量的 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,您只需决定要做什么
- 扩展它并用从 Metronic 软件包中直接复制的 HTML 填充。
- 扩展它并从头开始创建自己的 HTML。
- 创建自己的 responsive_menu_toggler 并将其包含在块中。
示例
您可以在“Resources\views\metronic\examples”文件夹中找到一些基本示例,展示这个包是如何工作的。
它会不断增长。