Zum Inhalt springen

„Handlebars.js“ – Versionsunterschied

aus Wikipedia, der freien Enzyklopädie
[gesichtete Version][gesichtete Version]
Inhalt gelöscht Inhalt hinzugefügt
Sycaton (Diskussion | Beiträge)
K Weblinks: github --> GitHub
Keine Bearbeitungszusammenfassung
Markierungen: Visuelle Bearbeitung Mobile Bearbeitung Mobile Web-Bearbeitung
 
(3 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:

{{Infobox Software
{{Infobox Software
| Name = <!-- Nur falls abweichend vom Artikelnamen -->
|Name = <!-- Nur falls abweichend vom Artikelnamen -->
| Logo =
|Logo =
| Maintainer = [[Yehuda Katz]]
|Maintainer = [[Yehuda Katz]]
| Hersteller =
|Hersteller =
| Erscheinungsjahr =
|Erscheinungsjahr = 2010
| AktuelleVersion = <!-- Wikidata -->
|AktuelleVersion = <!-- Wikidata -->
| AktuelleVersionFreigabeDatum =
|AktuelleVersionFreigabeDatum =
| Betriebssystem =
|Betriebssystem =
| Programmiersprache = [[JavaScript]]
|Programmiersprache = [[JavaScript]]
| Kategorie =
|Kategorie =
| Lizenz = [[MIT-Lizenz]]
|Lizenz = [[MIT-Lizenz]]
| Website = [http://handlebarsjs.com/ handlebarsjs.com]
|Website = [https://handlebarsjs.com/ handlebarsjs.com]
}}
}}


'''Handlebars.js''' ist eine logiklose [[Template-Engine]] für [[JavaScript]] von Yehuda Katz.<ref>{{Internetquelle |autor=Sebastian Bergmann |url=https://entwickler.de/webandphp/interview-yehuda-katz-125811.html |titel=Interview: Yehuda Katz |werk=entwickler.de |datum=2013-08-05 |abruf=2017-05-04}}</ref>
'''Handlebars.js''' ist eine logiklose [[Template-Engine]] für [[JavaScript]] von Yehuda Katz,<ref>{{Internetquelle |autor=Sebastian Bergmann |url=https://entwickler.de/webandphp/interview-yehuda-katz-125811.html |titel=Interview: Yehuda Katz |werk=entwickler.de |datum=2013-08-05 |abruf=2017-05-04}}</ref> die erstmals 2010 erschien.<ref>{{Internetquelle |autor=Elliot Bentley |url=http://webandphp.com/Interview:YehudaKatz-166083 |titel=Interview: Yehuda Katz |werk=Web & PHP magazine |datum=2013-08-05 |sprache=en |archiv-url=https://web.archive.org/web/20130812174911/http://webandphp.com/Interview%3AYehudaKatz-166083 |archiv-datum=2013-08-12 |abruf=2023-10-15}}</ref>

Es ist eine Erweiterung der Template-Engine [[Mustache]].
Der Quellcode ist lizenziert unter der [[MIT-Lizenz]] und ist gehostet auf [[GitHub]].
Es ist eine Erweiterung der Template-Engine [[Mustache]]. Der Quellcode ist lizenziert unter der [[MIT-Lizenz]] und ist gehostet auf [[GitHub]].


== Funktionsweise ==
== Funktionsweise ==
Zeile 23: Zeile 24:


'''Handlebars-Template'''
'''Handlebars-Template'''
<syntaxhighlight lang="html5">
<syntaxhighlight lang="handlebars">
<ul>
<ul>
{{#each users}}
{{#each users}}
Zeile 32: Zeile 33:


'''Daten in JSON'''
'''Daten in JSON'''
<syntaxhighlight lang="javascript">
<syntaxhighlight lang="json">
{
{
"users": [
"users": [
Zeile 48: Zeile 49:


'''Ergebnis der Kompilierung'''
'''Ergebnis der Kompilierung'''
<syntaxhighlight lang="html5">
<syntaxhighlight lang="html">
<ul>
<ul>
<li>Petra Maier</li>
<li>Petra Maier</li>
Zeile 59: Zeile 60:


== Weblinks ==
== Weblinks ==
* [http://handlebarsjs.com/ Offizielle Website]
* [https://handlebarsjs.com/ Offizielle Website]
* [https://github.com/handlebars-lang/handlebars.js Quellcode auf GitHub]
* [https://github.com/handlebars-lang/handlebars.js Quellcode auf GitHub]
* [http://tryhandlebarsjs.com/ Website um Handlebars-Templates zu testen]
* [http://tryhandlebarsjs.com/ Website um Handlebars-Templates zu testen]

Aktuelle Version vom 15. Oktober 2023, 17:56 Uhr

Handlebars.js
Basisdaten

Hauptentwickler Yehuda Katz
Erscheinungsjahr 2010
Aktuelle Version 4.7.7[1]
(15. Februar 2021)
Programmier­sprache JavaScript
Lizenz MIT-Lizenz
handlebarsjs.com

Handlebars.js ist eine logiklose Template-Engine für JavaScript von Yehuda Katz,[2] die erstmals 2010 erschien.[3]

Es ist eine Erweiterung der Template-Engine Mustache. Der Quellcode ist lizenziert unter der MIT-Lizenz und ist gehostet auf GitHub.

Das folgende Beispiel zeigt, zu was ein Handlebars-Template mit den folgenden JSON-Daten kompiliert wird. In dem Template wird ein each-Helper verwendet, welcher eine Schleife simuliert.

Handlebars-Template

<ul>
{{#each users}}
    <li>{{firstname}} {{lastname}}</li>
{{/each}}
</ul>

Daten in JSON

{
    "users": [
        {
            "firstname": "Petra",
            "lastname": "Maier"
        },
        {
            "firstname": "Karl",
            "lastname": "Bauer"
        }
    ]
}

Ergebnis der Kompilierung

<ul>
    <li>Petra Maier</li>
    <li>Karl Bauer</li>
</ul>

Handlebars werden zum Beispiel in dem JavaScript-Webframework Ember.js und dem CMS Ghost verwendet.

Einzelnachweise

[Bearbeiten | Quelltext bearbeiten]
  1. Release 4.7.7. 15. Februar 2021 (abgerufen am 13. März 2021).
  2. Sebastian Bergmann: Interview: Yehuda Katz. In: entwickler.de. 5. August 2013, abgerufen am 4. Mai 2017.
  3. Elliot Bentley: Interview: Yehuda Katz. In: Web & PHP magazine. 5. August 2013, archiviert vom Original am 12. August 2013; abgerufen am 15. Oktober 2023 (englisch).