Vorlagen / Templates

Dieser Artikel wurde wegen inhaltlicher Mängel auf der Qualitätssicherungsseite der Redaktion Informatik eingetragen. Dies geschieht, um die Qualität der Artikel aus dem Themengebiet Informatik auf ein akzeptables Niveau zu bringen. Hilf mit, die inhaltlichen Mängel dieses Artikels zu beseitigen, und beteilige dich an der Diskussion! (+)

Eine Template-Engine (von englisch für Vorlage bzw. Schablone und Maschine) ist eine Software, die eine Vorlagen-Datei (engl. Template) verarbeitet und bestimmte Platzhalter darin ähnlich wie bei einem Formular durch jeweils aktuelle Inhalte ersetzt. Die Bezeichnungen Template-Klasse (dt. ugs. „Vorlagenklasse“, aber sachlich korrekt: „Klassenvorlage“) und Template-System werden oft als Synonym für eine Template-Engine verwendet.

Klassen-Templates in der C++-Programmierung sind dagegen nicht mit Template-Engines vergleichbar, weil sie eine vom Datentyp unabhängige Programmierung ermöglichen und ganze Klassen generieren können. In den Templates einer Template-Engine sollte kein Programm-Code enthalten sein. Kontrollstrukturen (wie IF) sind allerdings oft in Templates möglich und verbreitet. Typische Dateitypen, die verarbeitet werden, sind HTML, Text (ASCII oder Unicode), XML oder TeX.

Konzept[Bearbeiten | Quelltext bearbeiten]

Das Konzept ähnelt den Seriendruckfeldern bei einer Textverarbeitung: In einem Dokument werden Seriendruckfelder (Platzhalter) eingefügt, etwa Name – Straße – Ort. Bei Template-Engines werden diese Seriendruckfelder Template-Variablen genannt. Wenn aus dem Dokument dann mehrere Serienbriefe erzeugt werden, steht anstatt der Template-Variablen name ein realer Name wie „Erika Mustermann“ im fertigen Serienbrief.

Das Dokument braucht nur einmal geschrieben und formatiert zu werden. Alle Änderungen wirken sich automatisch auf zukünftig erstellte Serienbriefe aus. Das ist bei Template-Engines genauso; weitere Parallelen zu Serienbrief-Vorlagen sind:

Die Daten kommen aus einer externen Quelle (Datenbank, Tabellenkalkulation, etc.).
Um die Daten zu ändern, braucht das Template nicht verändert zu werden, und umgekehrt.
Das Template kann wiederverwendet werden.

Abgrenzung[Bearbeiten | Quelltext bearbeiten]

Template-Engines werden häufig von Programmierern eingesetzt, um im Kontext von Webanwendungen Programm-Code (einer Programmiersprache) vom Design zu trennen. Genauso wird von den Herstellern mancher Template-Engines angeführt, Templates und Engines sollen durch die Trennung der Programmierlogik vom Design das Skript von HTML-Code befreien und damit übersichtlicher machen.

Demgegenüber steht der ursprüngliche Gedanke der Template-Engines: Sie sollen statischen Text und dynamische Inhalte möglichst effizient miteinander verknüpfen. Oft sind Template-Engines deshalb gerade in Programmiersprachen anzutreffen, deren Syntax eine solche Mischung nicht direkt unterstützt (z. B. Java: JSP; VBScript u. a.: ASP). Für eine echte Trennung der Darstellung von den Datenmodellen und den Logikkomponenten sind Template-Engines dagegen ungeeignet, und es sind zusätzliche Konzepte wie Model View Controller notwendig.

Vorteile[Bearbeiten | Quelltext bearbeiten]

Programm-Code (PHP, Python, Ruby, Perl, JavaScript) wird vom Markup (HTML) getrennt.
Designer und Programmierer können gleichzeitig an einem Projekt arbeiten.
WYSIWYG-Editoren können verwendet werden.

Nachteile[Bearbeiten | Quelltext bearbeiten]

Template-Engines

Template-Engines erzeugen zur Laufzeit Zusatzaufwand (engl. "overhead").
Template-Engines müssen im Gebrauch erlernt werden. Neben der neuen Syntax sind auch oft grundlegende Kenntnisse der objektorientierten Programmierung Voraussetzung.
Template-Engines sind auf eine textuelle Ausgabe beschränkt.

Sprachabhängige Template-Engines[Bearbeiten | Quelltext bearbeiten]

Template-Engines sind sehr verbreitet. XSLT ist für alle Template-Engines eine Konkurrenz. Bei PHP ist Smarty weit verbreitet, hat aber die Eigenentwicklungen und andere Template-Engines nicht vom Markt verdrängt.

Template-Engines für PHP[Bearbeiten | Quelltext bearbeiten]

PHP selbst ist bereits so entworfen, dass man programmiersprachliche Konstrukte mit der textuellen Ausgabe über Platzhalter bzw. gekennzeichnete Bereiche mischen kann.

<h1><?php echo $body_text; ?></h1>

<?php foreach($test_array as $key => $value) : ?>
   <p>Schlüssel: <?php echo $key; ?> - Wert: <?php echo $value; ?></p>
<?php endforeach; ?>

Der Vorteil liegt in der einfachen Verwendung. Es braucht keine zusätzliche Bibliothek installiert zu werden, auch ist diese Vorgehensweise für PHP-erfahrene Entwickler am leichtesten zu verstehen und folgt dem Prinzip der geringsten Überraschung. Die Verwendung einer gesonderten Template-Engine für PHP ist daher nicht erforderlich. Dennoch bietet die Verwendung einer Template-Engine für PHP, neben der besseren Übersicht, einige Vorzüge, beispielsweise können einfache, anpassbare Templates für Fehlermeldungen und ähnliche, wiederkehrende Strukturen erstellt werden. Einige populäre Template-Engines sind:

Smarty^[1]
Twig^[2]
Fluid (als Teil von TYPO3 Flow)^[3]
vlibTemplate^[4]
TinyButStrong^[5]
Contemplate^[6]
ETS (Easy Template System)^[7]
t24 - PHP template parser^[8]
HTML_Template_IT: HTML Integrated Templates, PEAR-PackageuBook Template^[9]
uBook Template^[10]
KTemplate^[11]
Hyperkit PHP/XML Template-Engine^[12]
Beilpuz^[13]
Separate^[14]

Beispiel[Bearbeiten | Quelltext bearbeiten]

Um eine Template-Engine zu verwenden, benötigt man die Template-Datei (in der die auszugebenen Daten enthalten sind) sowie das Script, welches das Template lädt und die Platzhalter mit Werten füllt.

Das Template könnte so aussehen:

<body>
  <p>Hallo, {name}!</p>
</body>

Und so könnte eine Wertzuweisung vom Script aus aussehen:

$template->assign('name', 'Erika Mustermann');

Das Ergebnis:

<body>
  <p>Hallo, Erika Mustermann!</p>
</body>

Template-Engines für Perl[Bearbeiten | Quelltext bearbeiten]

Template Toolkit^[15]
Contemplate^[16] (auch ASP)
Embperl^[17]
Mason^[18]
HTML Template^[19]
Text Template^[20]
HTML CTPP2^[21]

Template-Engines für Python[Bearbeiten | Quelltext bearbeiten]

Es gibt viele Template-Engines unter Python. Beispiele sind Django oder TurboGears. Eine gute Übersicht (mit URI und Code-Beispielen) findet man im deutschen PythonWiki^[22]. Eine umfangreichere Liste, dafür weniger erklärt, findet man im englischen Wiki zu Python^[23]. Weitere sind Cheetah, SimpleTAL, pyTemple, pyratemp^[24] und einige Python Template-Engines^[25], Spytee, Nevow, Kid, Genshi, Jinja und HTMLTemplate.

Anwendungsbeispiel[Bearbeiten | Quelltext bearbeiten]

# -*- coding: utf-8 -*-
# Modul Template muss importiert werden
from string import Template
# Vorlage zum Lesen öffnen, Inhalt übergeben und Datei schließen
vorlage = open('vorlage.txt', 'r')
vorl_inhalt = vorlage.read()
vorlage.close()
# Den Inhalt als Template behandeln
template = Template(vorl_inhalt)
# Ersetzungen nach folgendem Schema festlegen
ersetzungen = { 'Name' : 'Hans Meier', 'Strasse' : 'Bahnhofstraße 69', 'Ort' : '12345 Foobarhausen' }
# Ersetzungen vornehmen
ersetzen = template.substitute(ersetzungen)
# Vorgang in Datei schreiben
outfile = open('ausgabe.txt', 'w')
outfile.write(ersetzen)
outfile.close()

vorlage.txt:

Name: ${Name}
Strasse: ${Strasse}
Ort: ${Ort}

ausgabe.txt:

Name: Hans Meier
Strasse: Bahnhofstr. 69
Ort: 12345 Foobarhausen

Template-Engines für C++ und C[Bearbeiten | Quelltext bearbeiten]

Für C++ und C gibt es verschiedene Template-Engines, wie

ClearSilver^[26] Die Template-Engine von Orkut und Yahoo Groups (setzen einen eigenen Branch ein).
Grantlee Template System^[27]
Google CTemplate^[28]

Template-Engines für Java[Bearbeiten | Quelltext bearbeiten]

Einige Template-Engines für Java^[29] sind java-basierte, quelloffene Template-Engines.

FreeMarker – Java-basierte Template-Engine^[30]
Apache Velocity – Java-basierte Template-Engine
Apache Tapestry - Java-basierte Template-Engine^[31]
Thymeleaf - Java-basierte Template-Engine^[32]

Template-Engines für Javascript[Bearbeiten | Quelltext bearbeiten]

Im Gegensatz zu den vorherigen Lösungen können Templates vom Web-Browser verarbeitet werden. Der Server liefert nur die Daten z. B. als JSON, oder XML String. Der Rest übernimmt Javascript im Browser.

AngularJS Clientseitiges JavaScript-Webframework von Google

Weitere Informationen zu Template-Engines[Bearbeiten | Quelltext bearbeiten]

Einige weitere Template-Engines sind Java-basiert:

Hamlets – Java-basierte Template-Engine
action4JAVA^[33] - Java-basiertes Framework mit Template-Kern.
jade4j – Java-basierte, freie Implementierung der Jade Template-Engine^[34]
Xpand – Java-basierte Template-Engine für die Codegenerierung^[35]
ASP^[36]
CTPP, Crossplatform Template-Engine für C++, C, PERL und PHP^[37]
GvTags Template-Engine für Groovy^[38]
jQote2 - jQuery Javascript Templating Engine^[39]
FilesFromCSV - .NET basiert - erzeugt pro CSV Datensatz ein Dokument^[40]
Handlebars – JavaScript-basierte semantische Template-Engine^[41], wird u. a. in Ghost verwendet
AWS Templates Parser – Ada-basierte Template-Engine^[42]

Literatur[Bearbeiten | Quelltext bearbeiten]

Karsten Wendland: Der Template-Zyklus. Web-Templates im Spannungsfeld von schöpferischem Gestalten und einschränkender Zumutung. Aachen 2006, ISBN 3-8322-5285-1.

Einzelnachweise[Bearbeiten | Quelltext bearbeiten]

[1] Smarty extern

[2] Twig

[3] (extern)

[4] vLIB: vlibTemplate, vlibDate und vlibMimeMail (englisch, deutsch)

[5] TinyButStrong

[6] Contemplate

[7] ETS (Easy Template System)

[8] t24 - PHP template parser

[9] HTML_Template_IT: HTML Integrated Templates, PEAR-Package

[10] uBook Template

[11] KTemplate

[12] Hyperkit PHP/XML Template-Engine

[13] Beilpuz

[14] Separate

[15] Template Toolkit

[16] Contemplate

[17] Embperl

[18] Mason

[19] HTML Template

[20] Text Template

[21] HTML CTPP2

[22] utschen PythonWiki

[23] schen Wiki zu Python

[24] yratemp

[25] Vergleich und Benchmarks: Python Template-Engines

[26] ClearSilver

[27] Grantlee Template System

[28] Projektübersicht zu Google CTemplate bei Google Code

[29] Java-Source.net - Open Source Template Engines in Java

[30] Freemarker website

[31] Tapestry website

[32] Thymeleaf

[33] tion4JAVA

[34] 4j Bezugsquelle

[35] AW website

[36] Contemplate (englisch)

[37] CTPP

[38] GvTags Template-Engine für Groovy

[39] Qote2

[40] FilesFromCSV

[41] Handlebars.js: Minimal Templating on Steroids

[42] AWS Templates Parser: A template engine

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]

[16]

[17]

[18]

[19]

[20]

[21]

[22]

[23]

[24]

[25]

[26]

[27]

[28]

[29]

[30]

[31]

[32]

[33]

[34]

[35]

[36]

[37]

[38]

[39]

[40]

[41]

[42]

Vorlagen / Templates

Werbung

Im World Wide Web

Aktualitäten

Werbung

Template-Engine bei Wikipedia

Inhaltsverzeichnis

Konzept[Bearbeiten | Quelltext bearbeiten]

Abgrenzung[Bearbeiten | Quelltext bearbeiten]

Vorteile[Bearbeiten | Quelltext bearbeiten]

Nachteile[Bearbeiten | Quelltext bearbeiten]

Sprachabhängige Template-Engines[Bearbeiten | Quelltext bearbeiten]

Template-Engines für PHP[Bearbeiten | Quelltext bearbeiten]

Beispiel[Bearbeiten | Quelltext bearbeiten]

Template-Engines für Perl[Bearbeiten | Quelltext bearbeiten]

Template-Engines für Python[Bearbeiten | Quelltext bearbeiten]

Anwendungsbeispiel[Bearbeiten | Quelltext bearbeiten]

Template-Engines für C++ und C[Bearbeiten | Quelltext bearbeiten]

Template-Engines für Java[Bearbeiten | Quelltext bearbeiten]

Template-Engines für Javascript[Bearbeiten | Quelltext bearbeiten]

Weitere Informationen zu Template-Engines[Bearbeiten | Quelltext bearbeiten]

Literatur[Bearbeiten | Quelltext bearbeiten]

Einzelnachweise[Bearbeiten | Quelltext bearbeiten]

Videos

In der Warenwelt

50 Erotik Web-Templates - inkl. Master Reseller Lizenz

250 Web Templates HTML & PSD - inklusive Master Reseller Lizenz

Turbo Power Graphics, Web-Templates/Web-Vorlagen, komplette Verkaufsseiten-Sets!

MiniSite Web-Templates/Verkaufsseiten +Bonus - Klasse statt Masse - PLR-Lizenz

MEGA TEMPLATES PAKET - über 3700 Webpage Vorlagen!

Webdesign Suite - über 300 Web-Templates-Vorlagen - inkl. Master Reseller Lizenz

Webseite/Template: DOMAIN FOR SALE - HTML-Verkaufsseite - Master Reseller Lizenz

TOP HTML TEMPLATES WEBSEITE WEBSITE PROJEKT WEBDESIGN SCRIPT TEMPLATE E-LIZENZ

Minisite Geek - Webseiten-Vorlagen/Templates u.a. für WP, FB etc.

73 WEBSEITENVORLAGEN BUSINESS HTML TEMPLATES WEB PROJEKTE WEBSITES GESCHÄFT MRR

50 WEBPROJEKTE & ONLINESHOP + Photoshop PSD Website Templates + Reseller Bonus

250 WEBSEITEN VORLAGEN SCHRIFTEN TEMPLATES PHOTOSHOP WEBSITES HTML CODE E-LIZENZ

21 HTML WEBSEITEN TEMPLATE VORLAGEN + PHOTOSHOP DATEIEN + EINZELP

3 Profi Webseiten HTML + PSD + E-Lizenz Top Webprojekte Templates Webdesign NEU

1000 x HOMEPAGE-VORLAGEN WEB für Webseiten Websites TEMPLATES Vorlage E-Lizenz

BANNER TEMPLATES V1 - 300 Webseite Banner Vorlagen Header EINZELPLATZ-LIZENZ NEU

10 Erotik Websites (prof. HTML-Vorlagen/Templates) - inkl Master Reseller Lizenz

1288 HTML FLASH PSD Webseiten Websites Webseite Website Vorlagen Templates MRR

10 Erotik-Websites (prof. HTML-Vorlagen/Templates) - inkl.Master Reseller Lizenz

WEBDESIGN-SUITE 500 HTML Vorlagen Internet Webseiten + Banner Templates E-Lizenz

TOP HTML TEMPLATES WEBSEITEN PROJEKTE DESIGN Website Vorlagen Template WOW MRR

50 WEBPROJEKTE & ONLINESHOP + Photoshop PSD Website Templates + Reseller Bonus

1288 HTML FLASH PSD Webseiten Vorlagen Templates Bilder Webseite Site E-LIZENZ

SENKRECHTSTARTER - Webseite/Template - PLR/Reseller-Lizenz

UNDER CONSTRUCTION - HTML-Webseite/Template - Master Reseller Lizenz

250 WEBSEITEN GEIL VORLAGE TEMPLATES PHOTOSHOP WEBPROJEKT HTML PSD MRR WEB WOW

Der Template-Zyklus: Web-Templates im Spannungsfeld von schöpferischem Gest ...

BANNER TEMPLATES V1 - 300 Webseite Banner Vorlagen Header Master Reseller Lizenz

73 WEBSEITENVORLAGEN BUSINESS HTML TEMPLATES WEBPROJEKTE VORLAGEN + E-LIZENZ

1000 SCRIPTE 500 TEMPLATES für HP MRR-Lizenz PHP Web Vorlagen Lizenz Scripts TOP

Dating Webseite - Webseiten Vorlage Template Web Projekt Internet Flash E-Lizenz

ART WEB WEBPROJEKT 200 Homepage Vorlagen Websites Template TEMPLATES MRR ARTWEB

100erte Flash Templates Vorlagen Webseiten / Intro Master Reseller Lizenz MRR !

13 Webseiten Vorlagen - Templates Grungy Desig Website Dirty Paket Pack E-LIZENZ

350 Flash Templates - Animierte Banner für Ebay Auktionen Webseite Homepage Geil

50 EROTIK TEMPLATES Erotic geile Vorlagen für Web Shops Webseiten Websites MRR

ART WEB WEBPROJEKT 200 Homepage Vorlagen Websites TEMPLATES ARTWEB GUT E-Lizenz

350 Flash Templates - Animierte Banner für Ebay Auktionen Webseite Homepage MRR

3 Profi Webseiten HTML + PSD + Master Reseller Lizenz Top Webprojekte Templates

100ERTE FLASH TEMPLATES Tes Vorlagen Webseiten / Intro E-LIZENZ Websites NEU

6 Firmen Websites HTML Photoshop PSD + MRR Website Template Vorlage Script Bild

1000 x HOMEPAGE VORLAGEN für Webseiten Websites TEMPLATES Internet Lizenz MRR

250 WEBSITES VORLAGEN SCHRIFTEN TEMPLATES HTML CODES WEBPROJEKTE PSD E-LIZENZ

CHAT WEBSEITE VORLAGE TEMPLATE Webprojekt + CHAT SCRIPT E-LIZENZ CHATS Website

BUTTON TEMPLATES V1 - 150 Webseite BUTTONS Vorlagen ICON Master Reseller Lizenz

14 TOP DIGITALARTIKEL WEBMASTER PAKET Tools Templates Package NEU MRR-LIZENZ

180 Webseiten Website Template Vorlagen - CSS HTML PSD E-LIZENZ NEU SONDERPOSTEN

6 FIRMEN WEBSITES HTML Photoshop PSD E-LIZENZ Webseite Template Vorlage Script

PROFI AVATAR SCRIPT GENERATOR 2.0 - Homepage Templates Webseite Website E-Lizenz

WEBDESIGN-SUITE 500 HTML Vorlagen Web Internet Webseiten + Banner Templates MRR

Chat Webseite Vorlage Template Webprojekt + Chat Script + Master Reseller Lizenz

Dating Webseite - Webseiten Vorlage Template Web Projekt Internet PSD Flash MRR

21 HTML WEBSEITEN TEMPLATE VORLAGEN + PHOTOSHOP DATEIEN + MASTER RESELLER GRAFIK

1000 Website Vorlagen Templates HTML Bilder + MRR WEB GRAFIK DESIGN Webdesign

30 Webseiten Vorlagen PHOTOSHOP PSD Templates Grafik Homepage Website E-LIZENZ