Framework7 - Vorlagenübersicht

Beschreibung

Template7 ist eine leichtgewichtige JavaScript-Engine für Mobilgeräte, die Ajax und dynamische Seiten als Template7-Vorlagen mit angegebenem Kontext darstellt und keine zusätzlichen Skripts erfordert. Template7 ist Framework7 als standardmäßige, leichtgewichtige Template-Engine zugeordnet, die für Anwendungen schneller funktioniert.

Performance

Das Kompilieren der Zeichenfolge in die JS-Funktion ist das langsamste Segment von template7. Daher müssen Sie die Vorlage nicht mehrmals kompilieren, nur einmal ist ausreichend.

//Here initialize the app
var myApp = new Framework7();

// After initializing compile templates on app
var searchTemplate = $('script#search-template').html();
var compiledSearchTemplate = Template7.compile(searchTemplate);

var listTemplate = $('script#list-template').html();
var compiledListTemplate = Template7.compile(listTemplate);

// Execute the compiled templates with required context using onPageInit() method
myApp.onPageInit('search', function (page) {

   // Execute the compiled templates with required content
   var html = compiledSearchTemplate({/*...some data...*/});

   // Do stuff with html
});

Template7 ist eine einfache Template-Engine, die als eigenständige Bibliothek ohne Framework7 verwendet wird. Die Template7-Dateien können auf zwei Arten installiert werden:

  • Sie können aus dem Template7- Github-Repository herunterladen .

  • Oder

  • Sie können es mit dem folgenden Befehl über Bower installieren -

bower install template7