Framework7 - Présentation des modèles

La description

Template7 est un moteur JavaScript léger et adapté aux mobiles, qui représente Ajax et les pages dynamiques en tant que modèles Template7 avec un contexte spécifié et ne nécessite aucun script supplémentaire. Template7 est associé à Framework7 en tant que moteur de modèle léger par défaut, qui fonctionne plus rapidement pour les applications.

Performance

Le processus de compilation d'une chaîne en fonction JS est le segment le plus lent de template7. Par conséquent, vous n'avez pas besoin de compiler le modèle plusieurs fois, une seule fois suffit.

//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 est un moteur de template léger utilisé comme bibliothèque autonome sans Framework7. Les fichiers Template7 peuvent être installés de deux manières:

  • Vous pouvez télécharger à partir du référentiel github Template7 .

    • Ou

  • Vous pouvez l'installer en utilisant la commande suivante via Bower -

bower install template7