// src/Blogger/BlogBundle/Controller/DefaultController.php namespace Blogger\BlogBundle\Controller; use Symfony\Bundle\FrameworkBundle\Controller\Controller; class DefaultController extends Controller { public function indexAction($name) { return $this->render('BloggerBlogBundle:Default:index.html.twig', array('name' => $name)); } }
BloggerBlogBundle:Default:index.html.twig 会使用 BloggerBlogBundle views文件夹中 Default文件夹下面index.html.twig模板文件.
模板文件
打开上述模板文件， 非常简单的一句代码：
{# src/Blogger/BlogBundle/Resources/views/Default/index.html.twig #} Hello {{ name }}!
以上就是symfony的整个mvc流程， 这么多文件的作用只是输出一个 “hello world”. 理论上不用bundler创建器， 只是手动创建上述文件也可以实现相同效果。花费的时间就多了去了。
回到正题， 我们是创建博客系统， 所以不需要 hello world,
1.移除控制器 src/Blogger/BlogBundle/Controller/DefaultController.php
2.移除模板 src/Blogger/BlogBundle/Resources/views/Default/
3.最后移除路由 src/Blogger/BlogBundle/Resources/config/routing.yml
整个世界清静了。
三、让我们开始创建博客的主页
Twig的优点
在symfony中我们可以使用 Twig和php(这不是废话嘛）作为模板。使用Twig的以下优点：
1. 快： 是编绎过的php类， 可以占用更少的资源
2. 简洁：想想看要打<?php ?>， Twig输入的内容要少很多。
3. 可继承： 非常cool的一个功能
4. 安全: 转义功能默认开启， 甚至还可以为重要代码提供沙盒功能。
5. 可扩展： 需要额外的定制功能， 可以随时扩展
更多内容， 请移步：
可继承是一个非常好的优点， 我们将使用三级继承结构来定制这个模板， 这将允许我们在三个不同层级修改模板， 方便自由定制。
主模板–level 1
<!– app/Resources/views/base.html.twig –> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html"; charset=utf-8" /> <title>{% block title %}symfony{% endblock %} – blog</title> <!–[if lt IE 9]> <script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]–> {% block stylesheets %} <link href='http://fonts.googleapis.com/css?family=Irish+Grover' type='text/css'> <link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore' type='text/css'> <link href="{{ asset('css/screen.css') }}" type="text/css" /> {% endblock %} <link href="{{ asset('favicon.ico') }}" /> </head> <body> <section> <header> <div> {% block navigation %} <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav> {% endblock %} </div> <hgroup> <h2>{% block blog_title %}<a href="#">symfony</a>{% endblock %}</h2> <h3>{% block blog_tagline %}<a href="#">creating a blog in Symfony2</a>{% endblock %}</h3> </hgroup> </header> <section> {% block body %}{% endblock %} </section> <aside> {% block sidebar %}{% endblock %} </aside> <div> {% block footer %} <a href="https://blog.dengruo.com/201309/1409">Symfony2 博客教程</a> {% endblock %} </div> </section> {% block javascripts %}{% endblock %} </body> </html>
上面代码在引入了一个js文件， 在ie9版本前的浏览器中实现html, 以及两个css文件导入google fronts.
这构成了网页的主要内容结构， 相当于drupal的html.tpl.php+page.tpl.php.
让我们看一下头部文件
复制代码 代码如下:
<title>{% block title %}blog{% endblock %} – symfony</title>
{% 标签中即不是html, 也不是php, 他是3个Twig标签中的一个， 用于执行某些动作。 这里可以找到完整的Twig控制动作用于这个标签。 回到当前代码， 是用于查找title的block并输出他， 如果没有则输出默认的symblo这个词。
Twig的可续承特性可以用于修改title, 我们可以在其它模板文件中重写它：
{% extends '::base.html.twig' %}
{% block title %}The blog title goes here{% endblock %}
上面代码首先继承了第一次定义这个block的文件， 然后修改它。 网站标题部分会输出 'The blog title goes here – symfony'。
一般而言， 我们引用模板文件时会采用bundle:controller:template， 但是以上代码并没有bundle 和controller, 不包含这两个字段会直接引用app/Resources/views/ 文件夹下面的文件。
在css样式表中， 我们可以发现另一个Twig标签{{， 这是一个输出（说些什么）标签。
复制代码 代码如下:
<link href="{{ asset('css/screen.css') }}" type="text/css" />
这个标签用于输出变量或者表达式， 上面例子输出了asset函数的返回值， 这个函数提供可移植的方式来返回css,js, 图片的地址。
这个标签可以以特定格式输出我们想要内容， 比如时间：
复制代码 代码如下:
{{ blog.created|date("d-m-Y") }}
全部过滤列表在 Twig 文档可以查到。
最后一个标签并没有在上述代码中出现， 它是{#, 只是一个注释标签
复制代码 代码如下:
{# 注释内容可以输出在这里 #}
接下来我们将创建css样式表web/css/screen.css ， 加入以下内容.