Zum Inhalt springen

„Handlebars.js“ – Versionsunterschied

aus Wikipedia, der freien Enzyklopädie
Versionsgeschichte interaktiv durchsuchen
[gesichtete Version][gesichtete Version]
← Zum vorherigen Versionsunterschied
Inhalt gelöscht Inhalt hinzugefügt
VisuellWikitext
Version aus Wikidata
Keine Bearbeitungszusammenfassung
Markierungen: Visuelle Bearbeitung Mobile Bearbeitung Mobile Web-Bearbeitung
 
(8 dazwischenliegende Versionen von 8 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>http://webandphp.com/Interview%3AYehudaKatz-166083</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 [[Open Source]] [[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 ==

Das folgende Beispiel zeigt, zu was ein Handlebars-Template mit den folgenden [[JavaScript Object Notation|JSON]]-Daten kompiliert wird.
Das folgende Beispiel zeigt, zu was ein Handlebars-Template mit den folgenden [[JavaScript Object Notation|JSON]]-Daten kompiliert wird.
In dem Template wird ein each-Helper verwendet, welcher eine [[Schleife (Programmierung)|Schleife]] simuliert.
In dem Template wird ein each-Helper verwendet, welcher eine [[Schleife (Programmierung)|Schleife]] simuliert.


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


'''Daten in JSON'''
'''Daten in JSON'''
<syntaxhighlight lang="javascript">
<syntaxhighlight lang="json">
{
{
"users": [
"users": [
{
{
"firstname": "Peter",
"firstname": "Petra",
"lastname": "Maier"
"lastname": "Maier"
},
},
Zeile 49: Zeile 49:


'''Ergebnis der Kompilierung'''
'''Ergebnis der Kompilierung'''
<syntaxhighlight lang="html5">
<syntaxhighlight lang="html">
<ul>
<ul>
<li>Peter Maier</li>
<li>Petra Maier</li>
<li>Karl Bauer</li>
<li>Karl Bauer</li>
</ul>
</ul>
Zeile 57: Zeile 57:


== Verwendung ==
== Verwendung ==
⚫
Handlebars werden zum Beispiel in dem [[JavaScript]]-[[Webframework]] [[Ember.js]] und dem [[Content-Management-System|CMS]] [[Ghost (Blogging-Plattform)|Ghost]] verwendet.

⚫
Handlebars findet zum Beispiel Verwendung in dem [[JavaScript]]-[[Web Application Framework|Webframework]] [[Ember.js]] und dem [[Content-Management-System|CMS]] [[Ghost (Blogging-Plattform)|Ghost]].


== Weblinks ==
== Weblinks ==
⚫
* [https://handlebarsjs.com/ Offizielle Website]

⚫
* [https://github.com/handlebars-lang/handlebars.js Quellcode auf GitHub]
⚫
* [http://handlebarsjs.com Offizielle Website]
⚫
* [http://tryhandlebarsjs.com/ Website um Handlebars-Templates zu testen]
⚫
* [https://github.com/wycats/handlebars.js Quellcode auf GitHub]
⚫
* [https://mustache.github.io/ Mustache auf GitHub]
⚫
* [http://tryhandlebarsjs.com Website um Handlebars-Templates zu testen]
⚫
* [https://mustache.github.io Mustache auf github]


== Einzelnachweise ==
== Einzelnachweise ==

<references />
<references />


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.

Funktionsweise

[Bearbeiten | Quelltext bearbeiten]

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>

Verwendung

[Bearbeiten | Quelltext bearbeiten]

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

[Bearbeiten | Quelltext bearbeiten]

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).
Abgerufen von „https://de.wikipedia.org/w/index.php?title=Handlebars.js&oldid=238179815“