Framework7 - Şablonlara Genel Bakış

Açıklama

Template7, Ajax ve dinamik sayfaları, belirtilen bağlama sahip Template7 şablonları olarak temsil eden ve herhangi bir ek komut dosyası gerektirmeyen hafif, mobil öncelikli bir JavaScript motorudur. Template7, varsayılan, hafif bir şablon motoru olarak Framework7 ile ilişkilendirilir ve uygulamalar için daha hızlı çalışır.

Verim

Dizeyi JS işlevine derleme işlemi, şablon7'nin en yavaş bölümüdür. Bu nedenle, şablonu birden çok kez derlemenize gerek yoktur, yalnızca bir kez yeterlidir.

//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, Framework7 olmadan bağımsız bir kitaplık olarak kullanılan hafif bir şablon motorudur. Template7 dosyaları iki yol kullanılarak yüklenebilir -

Template7 github deposundan indirebilirsiniz .

Veya

Bower üzerinden aşağıdaki komutu kullanarak kurabilirsiniz -

bower install template7