SymfonyCasts stands united with the people of Ukraine
If you liked what you've learned so far, dive in!
Subscribe to get access to this tutorial plus
video, code and script downloads.
When you want to render a template, you'll usually extend Controller and it'll give
you a bunch of shortcuts, including render(). That's a great idea. But I'll extend
ContainerAware instead:
| ... lines 1 - 4 | |
| use Symfony\Component\DependencyInjection\ContainerAware; | |
| ... lines 6 - 8 | |
| class MightyMouseController extends ContainerAware | |
| { | |
| ... lines 11 - 22 | |
| } |
That gives access to the service container, but not the shortcut methods. So I can't
say $this->render(), but I can say $html = $this->container->get('twig') and
then call render() on it. Render mighty_mouse/rescue.html.twig and pass it a
quote variable. But that's just HTML - so wrap it in a Response and return:
| ... lines 1 - 8 | |
| class MightyMouseController extends ContainerAware | |
| { | |
| ... lines 11 - 13 | |
| public function rescueAction() | |
| { | |
| $html = $this->container->get('twig')->render( | |
| 'mighty_mouse/rescue.html.twig', | |
| array('quote' => 'Here I come to save the day!') | |
| ); | |
| return new Response($html); | |
| } | |
| } |
Now, where do templates live? Usually, it's app/Resources/views. But we've moved
everything up and out of app/. So our path is just Resources/views: add
those directories and a mighty_mouse folder inside. Create rescue.html.twig and
extend the base template. We don't have a base template yet, but we will soon. In
{% block body %} print out the quote:
| {% extends 'base.html.twig' %} | |
| {% block body %} | |
| <h1>{{ quote }}</h1> | |
| {% endblock %} |
Now add base.html.twig in Resources/views. Let's steal again from the
Standard Edition. Find app/Resources/views/base.html.twig, copy it, and paste it
in ours:
| <html> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>{% block title %}Welcome!{% endblock %}</title> | |
| {% block stylesheets %}{% endblock %} | |
| <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" /> | |
| </head> | |
| <body> | |
| {% block body %}{% endblock %} | |
| {% block javascripts %}{% endblock %} | |
| </body> | |
| </html> |
Ok, give it a try. Unable to find template "mighty_mouse/rescue.html.twig". Hmm
I bet I have a typo. Yep, my directory was called might_mouse. I went a bit too micro
on the name there. Fix that and try again. It's alive!
Tip
After creating the views/ directory for the first time, you'll need to clear
your Symfony cache, or the template won't be found. That's probably a small Symfony
bug, that hopefully we can fix!
Now, let's add the web debug toolbar.
// composer.json
{
"require": {
"symfony/symfony": "^2.7", // v2.7.2
"sensio/framework-extra-bundle": "^3.0", // v3.0.9
"vlucas/phpdotenv": "^2.0", // v2.0.1
"symfony/monolog-bundle": "^2.7" // v2.7.1
}
}