lapalabs / skeleton-bundle
Symfony 框架基础模板的 HTML 标记骨架
v0.0.1
2015-03-09 20:09 UTC
Requires
- symfony/framework-bundle: ~2.0
- twig/twig: ~1
This package is auto-updated.
Last update: 2024-08-29 04:03:25 UTC
README
Symfony 框架基础模板的 HTML 标记骨架
安装
首先使用 Composer
依赖管理器安装包,通过运行以下命令:
$ composer require "lapalabs/skeleton-bundle:dev-master"
Composer
将包安装到您的项目 vendor
目录。
包含
将包包含到您的 Symfony
项目中就像执行几个简单的步骤一样。
- 为
prod
环境启用包
<?php // app/AppKernel.php public function registerBundles() { $bundles = array( // other bundles... new LapaLabs\SkeletonBundle\LapaLabsSkeletonBundle(), ); }
- 为
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 %}
恭喜!
您现在可以扩展骨架模板来摇滚您的模板了!
更多文档