README

此插件包含在 HauteLook 中所有后端（管理）应用应使用的通用样式指南。它使用 less 编译 CSS 文件。它还包括一个基础的 layout.html.twig 文件，该文件应由应用扩展。

安装

使用 composer 安装此包（这将安装所有依赖项，如 Twitter Bootstrap、Font-Awesome 等）

$ composer require "hautelook/frontend-bundle"

然后您需要确保 Assetic 插件在 Kernel 中

// app/AppKernel.php

$bundles = array(
    new Symfony\Bundle\AsseticBundle\AsseticBundle(),
    new Hautelook\FrontendBundle\HautelookFrontendBundle(),
);

并将配置文件 assetic.yml 包含在插件中

# app/config/config.yml

imports:
- { resource: ../../vendor/hautelook/frontend-bundle/Hautelook/FrontendBundle/Resources/config/assetic.yml }

现在您应该能够

$ app/console assets:install
$ app/console assetic:dump

使用方法

您应该创建自己的应用/特定插件的 layout.html.twig 文件，该文件扩展自布局插件中的一个。这样，您可以设置应用特定的设置，如导航栏（应用标题以及菜单），以及标题。

示例

{% extends 'HautelookFrontendBundle::layout.html.twig' %}

{% block application_title %} &mdash; Hautelook Application{% endblock application_title %}

{% block header %}
    <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <a href="/" class="navbar-brand">
                    <i class="fa fa-lock"></i>
                    Hautelook Application
                    <span class="hl-theme-color"></span>
                </a>
            </div>
        </div>
    </nav>
{% endblock header %}

待办事项

还有很多待办事项。

从 Resources/public/js 中移除 jQuery 供应商文件
添加带有登录信息的右侧导航栏（需要 Gravatar 插件）
添加测试（运行 Assetic:dump，Twig 检查）
找出管理 Assetic 配置的更好方法，既不要将整个 Assetic 配置文件存储在插件中（不灵活），也不要造成问题。

hautelook / frontend-bundle

维护者

详细信息

README

安装

使用方法

待办事项