lapalabs/skeleton-bundle

Symfony 框架基础模板的 HTML 标记骨架

安装: 115

依赖者: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 1

语言:HTML

v0.0.1 2015-03-09 20:09 UTC

This package is auto-updated.

Last update: 2024-08-29 04:03:25 UTC


README

Symfony 框架基础模板的 HTML 标记骨架

SensioLabsInsight

安装

首先使用 Composer 依赖管理器安装包,通过运行以下命令:

$ composer require "lapalabs/skeleton-bundle:dev-master"

Composer 将包安装到您的项目 vendor 目录。

包含

将包包含到您的 Symfony 项目中就像执行几个简单的步骤一样。

  1. prod 环境启用包
<?php
// app/AppKernel.php

public function registerBundles()
{
    $bundles = array(
        // other bundles...
        new LapaLabs\SkeletonBundle\LapaLabsSkeletonBundle(),
    );
}
  1. dev 环境注册包的路由(可选,如果您想看到演示示例)
# app/config/routing_dev.yml
_lapalabs_skeleton_bundle:
    resource: "@LapaLabsSkeletonBundle/Controller/"
    type:     annotation
    prefix:   /_lapalabs/skeleton

用法

最佳实践是创建自己的模板,它扩展了骨架模板。例如,在 AppBundle 中创建自己的 layout.html.twig

{# src/AppBundle/Resources/views/layout.html.twig #}

{% extends 'LapaLabsSkeletonBundle:html5:layout.html.twig' %}

{% block css %}
    {{ parent() }} {# if you want to include content of parent block #}
    <link rel="stylesheet" href="{{ asset('bower_components/bootstrap/dist/css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('bower_components/bootstrap/dist/css/bootstrap-theme.min.css') }}">
{% endblock %}

{% block js %}
    <script src="{{ asset('bower_components/jquery/dist/jquery.min.js') }}"></script>
{% endblock %}

然后您可以在其他模板中扩展它

{# src/AppBundle/Resources/views/Post/show.html.twig #}

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

{% block content_wrap %}
    <h1>{{ entity.heading }}</h1>
    <p>{{ entity.description }}</p>
{% endblock %}

恭喜!

您现在可以扩展骨架模板来摇滚您的模板了!

更多文档