Частичные усы и повторное использование кода
Я привыкаю к усам для проекта, который начал в выходные.
Я использую реализацию PHP. Однако у меня есть пара вопросов, так как я не привык к этой системе.
Как вы справляетесь с наследованием или повторным использованием шаблонов? Я знаю о частичных, но как мне их использовать? Я делаю что-то вроде этого, ala включает в себя:
Верх.усы:
<!DOCTYPE html>
<html lang='es'>
<head>
<meta charset=utf-8" />
<link rel="stylesheet" href="/media/style.css" type="text/css" media="screen" />
</head>
<body>
<header><h1><a href="/">Top</a></h1>
</header>
<section>
Низ.усы:
</section>
<footer><a href="http://potajecreativo.com/">potaje</a></footer>
</body>
</html>
И представление для отображения этого шаблона:
{{>top}}
<form action="/album/" method="post">
<p><label for="name">Name</label> <input type="text" name="name" value=""/></p>
<p><label for="description">Description</label> <textarea name="description" rows="8" cols="40"></textarea></p>
<p><input type="submit" value="Save" /></p>
</form>
{{>bottom }}
Является это правильный подход?
2 answers
Ответ Ynkr подходит для более старых версий, но я только что обновился до версии 2.4.1, и там ваш подход должен работать, если вы используете загрузчик файловой системы.
См. https://github.com/bobthecow/mustache.php/wiki/Template-Loading#partials-loading подробнее.
Вот пример того, как работает php-реализация Mustache. Следует отметить, что Mustache.php будет не расширять включенные части/шаблоны, поэтому вам придется передать их усам, как показано ниже. Этот пример был собран по кусочкам на более старом cakephp рамки.
<?
# php cannot recognize multiple acceptable file extensions for partials,
# so toggle it to mustache's extension
$this->ext = '.mustache';
# Mustache says it's logic-less, but that's not exactly true.
# Render out the basic header which calls the logo partial and has
# a {{# logged_in? }} condition which dictates which user box we
# show. Thus, we need to render out the html for both the logged in
# and logged out user boxes
$basic_header_html = $this->renderElement('basic_header');
$logo = $this->renderElement('shared/logo');
$logged_in = $this->renderElement('shared/logged_in_user_box');
$logged_out = $this->renderElement('shared/logged_out_user_box');
$m = new Mustache($basic_header_html,
array('logged_in?' => !empty($this->Auth->userData),
'cache_buster' => time(),
'display_name' => 'StackOverflow Customer'),
array('shared/logo' => $logo,
'shared/logged_in_user_box' => $logged_in,
'shared/logged_out_user_box' => $logged_out));
?>
<!DOCTYPE html>
<html>
<head>
<title>Mustache Test</title>
</head>
<body>
<?= $m->render(); ?>
</body>
</html>
Basic_header.усы
<div id="header" class="basic">
{{> shared/logo }}
{{# logged_in? }}
{{> shared/logged_in_user_box }}
{{/ logged_in? }}
{{^ logged_in? }}
{{> shared/logged_out_user_box }}
{{/ logged_in? }}
</div>
Общий/логотип.усы
<a class="logo" href="/foo/bar"><img alt="" src="/images/logo.png?{{ cache_buster }}" /></a>
Общий доступ/вход_в_пользовательский_бокс.усы
Hello {{display_name}}, you are logged in.
Общий/зарегистрированный_из_пользовательский_бокс.усы
Hello. You are not logged in.