Framework7 - przegląd szablonów

Opis

Template7 to lekki, mobilny silnik JavaScript, który reprezentuje Ajax i strony dynamiczne jako szablony Template7 z określonym kontekstem i nie wymaga żadnych dodatkowych skryptów. Template7 jest powiązany z Framework7 jako domyślny, lekki silnik szablonów, który działa szybciej w przypadku aplikacji.

Występ

Proces kompilacji stringa do funkcji JS jest najwolniejszym segmentem template7. Dlatego nie trzeba wielokrotnie kompilować szablonu, wystarczy jeden raz.

//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 to lekki silnik szablonów używany jako samodzielna biblioteka bez Framework7. Pliki Template7 można zainstalować na dwa sposoby -

  • Możesz pobrać z repozytorium Template7 na github .

  • Lub

  • Możesz go zainstalować za pomocą następującego polecenia za pośrednictwem Bower -

bower install template7