The aura framework make use of Aura.View as the default templating,
but you can also make use of other templating as done in
Domicile.Extras.
The Aura View package is an implementation of the
TemplateView
pattern,
with support for automatic escaping, path stacks, and helpers. It adheres to
the “use PHP for presentation logic” ideology, and is preceded by systems such
as Savant
,
Zend_View
, and
Solar_View
.
We can then refer to the data as properties from within the template script
using $this
:
Aura View template scripts are written in plain PHP and do not require a new
markup language. The template scripts are executed inside the Template
object scope, so use of $this
refers to the Template
object. The following
is an example script:
We can use any PHP code we would normally use. (This will require discipline on the part of the template script author to restrict himself to presentation-related logic only.)
We may wish to use the alternative PHP syntax for conditionals and loops:
Aura View automatically escapes data assigned to the template when you access that data. So, in general, you do not need to manually apply escaping in your template scripts.
Strings assigned to the template are automatically escaped as you access them; integers, floats, booleans, and nulls are not.
If you assign an array to the template, its keys and values will be escaped as you access them.
If you assign an object to the template, its properties and method returns will also be escaped as you access them.
Here is an example of the business logic to assign data to the template …
… and here is an example of the automatic escaping in the template:
Note that automatic escaping occurs at access time, not at assignment time, and only occurs when accessing values assigned to the template.
If you create a variable of your own inside a template, you will need to
escape it yourself using the escape()
helper:
If you want to access the assigned data without escaping applied, use the
__raw()
method:
Using the raw data is the only way to get a count()
on an array or a
Countable
object, or to find the class type of the underlying variable. This
is because the automatic escaping works by wrapping (“decorating”) the
underlying variable with an escaper object. The decoration makes it possible
to auto-escape array keys and values, and object properties and methods, but
unfortunately hides things like implements
and instanceof
from PHP.
There is an escaping “gotcha” to look out for when manipulating values after they are assigned to a template. If you use an assigned value and re-assign it to the template, the new value will be double-escaped when you access it.
For example, given this business logic …
… and this template script …
… the output will be "this & that & the other"
. The output was
double-escaped; this is because the template escaped $this->foo
for us when
we accessed it and assigned it to $this->bar
, and then escaped $this->bar
for output as well.
When performing manipulations of this kind, use the __raw()
values instead:
Now the output will be "this & that & the other"
, correctly escaped
only once.
Aura View comes with various Helper
classes to encapsulate common
presentation logic. These helpers are mapped to the Template
object through
a HelperLocator
. We can call a helper in one of two ways:
As a method on the Template
object
Via getHelper()
to get the helper as an object of its own
We have already discussed the escape()
helper above. Other helpers that are
part of Aura View include:
$this->anchor($href, $text)
returns an <a href="$href">$text</a>
tag
$this->attribs($list)
returns a space-separated attribute list from a
$list
key-value pair
$this->base($href)
returns a <base href="$href" />
tag
$this->datetime($datestr, $format)
returns a formatted datetime string.
$this->image($src)
returns an <img src="$src" />
tag.
$this->input($attribs, $value, $label, $label_attribs)
returns an <input>
tag, optionally wrapped in a <label>
tag
In general $this->input(['type' => $type], $value, $label, $label_attribs)
$value
, $label
and $label_attribs
are optional.
Supported types:
button
: clickable buttoncheckbox
: checkboxcolor
: color pickerdate
: date control (year, month and day)datetime
: date and time control (year, month, day, hour,
minute, second, and fraction of a second, UTC time zone)datetime-local
: date and time control (year, month, day,
hour, minute, second, and fraction of a second, no time zone)email
: e-mail addressfile
: file-select field and a “Browse…” button for file uploadshidden
: hidden input fieldimage
: image as the submit buttonmonth
: month and year control (no time zone)number
: field for entering a numberpassword
: password fieldradio
: radio buttonrange
: control for entering a number whose exact value is not
important (like a slider control)reset
: reset button (resets all form values to default values)search
: text field for entering a search stringsubmit
: submit buttontel
: telephone numbertext
: (default) single-line text fieldtime
: time control (no time zone)url
: URL fieldweek
: week and year control (no time zone)Examples are
$this->input(['type' => 'text', ... ], 'field value')
$this->input(['type' => 'checkbox', 'value' => 'yes'], 'yes')
$this->metas()
provides an object with methods that add to, and then
retrieve, a series of <meta ... />
tags.
$this->metas()->addHttp($http_equiv, $content)
adds an HTTP-equivalent
meta tag to the helper.
$this->metas()->addName($name, $content)
adds a meta-name tags to the
helper.
$this-metas()->get()
returns all the added tags from the helper.
$this->scripts()
provides an object with methods that add to, and then
retrieve, a series of <script ... ></script>
tags.
$this->scripts()->add($src)
adds a script tag to the helper.
$this->scripts()->addCond($exp, $src)
adds a script tag inside a
conditional expression to the helper.
$this->scripts()->get()
returns all the added tags from the helper.
$this->styles()
provides an object with methods that add to, and then
retrieve, a series of <link rel="stylesheet" ... />
tags.
$this->styles()->add($href)
adds a style tag to the helper.
$this->styles()->get()
returns all the added tags from the helper.
$this->textarea($attribs, $html)
Returns a <textarea>
. $html
is optional.
$this->title()
provides an object with methods that manipulate the
<title>...</title>
tag.
$this->title()->set($title)
sets the title value.
$this->title()->append($suffix)
adds on to the end of title value.
$this->title()->prepend($prefix)
adds on to the beginning of the title
value.
$this->title()->get()
returns the title tag and value.
It often makes sense to split one template up into multiple pieces. This allows us to keep logical separations between different pieces of content. We might have a header section, a navigation section, a sidebar, and so on.
We can use the $this->find()
method in a template script to find a template,
and then include
it wherever we like. For example:
Templates that we include
in this way will share the scope of the template
they are included from.
Template partials are a scope-separated way of splitting up templates. In
doing so, we can pass an array of variables to be used in the partial
template; they will be available under $this
in place of the parent
template variables. For example, given the following partial template …
… we can use it from within another template as a partial:
That will run the $template_name
template script in a separate scope, and
the $template_vars
array will be available as $this
properties within that
separate scope.
N.b.: We can also
fetch()
other templates from within a template; template scripts that are fetched in this way will not share the scope of the template they are called from (although$this
will still be available).
There are two steps to adding new helpers:
Write a helper class
Add that class as a service in the HelperLocator
Writing a helper class is straightforward: extend AbstractHelper
with an
__invoke()
method. The following helper, for example, applies ROT-13 to a
string.
Now that we have a helper class, you can add it as a service in the
HelperLocator
like so:
The service name in the HelperLocator
doubles as a method name on the
Template
object. This means we can call the helper via $this->obfuscate()
:
Note that we can use any method name for the helper, although it is generally useful to name the service for the helper class.
Please examine the classes in Aura\View\Helper
for more complex and powerful
examples.