201010Sep

JavaScript: Templates mit Mustache und Handelbars

Wer komplexe Projekte mit JavaScript umsetzt, wird in bestimmten Situationen über den Einsatz von Templates nachdenken. In diesem Bereich gibt es inzwischen sehr gute Projekte, die unter Anderem auch für jQuery als Plugin zur Verfügung stehen. So stellt Mustache eine sehr interessante Template-Engine dar, die für viele Sprachen erhältlich ist. Zudem gibt es Mustache als Plugin für Dojo, jQuery und YUI. Bei Mustache werden Templates über das script-Tag und doppelte geschweifte Klammern ({{…}}) definiert (siehe Abbildung).

Mustache

Im offiziellen Mustache-Manual finden sich entsprechende Beispiele und Informationen.
Der Entwickler Yehuda Katz hat das Mustache-Projekt um verschiedene Funktionen erweitert — die Erweiterung nennt sich Handlebars und steht ebenfalls bei GitHub zur Verfügung. Bei Handlebars wurden verschiedene Punkte verbessert, wie etwa globale Helper, Scopes oder Funktionsaufrufe. Alle Änderungen finden sich in einem ausführlichen Blog-Eintrag. Für JavaScript-Templates stellen die beiden Projekte also eine interessante Möglichkeit dar.

RSS-Feed abonnieren Bookmark bei Del.icio.us Bookmark bei Mister Wong