codebright

Build An App 1: Playstation Game Collection 371
18
19
So we have a simple HTML5 wrapper with a few interesting lines. Let’s take a closer look at them.
The first is the line which specifies which CSS stylesheet to use.
1
We want to use a single global stylesheet for all of our views. By including the Twitter Bootstrap
CSS within our master layout, we will be able to make use of it within all of our views that extend
it. We use the asset() helper function to specify a path to our asset that is relative to the project’s
public directory. This means that the path used to route our application will not interfere with the
URLs to our assets.
The next interesting line is the menu home link. Let’s take a closer look.
1 Games Collec\
2 tion
Once again, we use a helper function to avoid collisions with our path based routing system. This
time we use the action() function to generate an absolute URL to our framework route. Using
action() in combination with the {{ echo braces }} we can create a back to home link for our
application. The parameter to the action() function is a controller and action pair separated with
an at @ symbol, just like the pairs we used when defining our routes.
Now it’s time for the final line of the template, and the most important too! Let’s take a look.
1 @yield('content')
The @yield() blade template method allows us to create an injectable section within our layout.
This means that templates with extend our layout will be able to inject content into this area. We
use the name ‘content’ to identify this region.
We can now being to create some views that will extend this layout. Let’s start with the view that
will be used to list all of our games. Before we begin editing the view file itself, let’s first modify our
index() action to include a little logic.