फ्रेमवर्क 7 - टेम्पलेट अवलोकन

विवरण

टेम्प्लेट 7 एक हल्का, मोबाइल-पहला जावास्क्रिप्ट इंजन है, जो अजाक्स और डायनामिक पेजों को टेम्प्लेट 7 टेम्प्लेट के रूप में निर्दिष्ट संदर्भ के साथ प्रस्तुत करता है और इसके लिए अतिरिक्त स्क्रिप्ट की आवश्यकता नहीं होती है। Template7 एक डिफ़ॉल्ट, हल्के टेम्पलेट इंजन के रूप में फ्रेमवर्क 7 के साथ जुड़ा हुआ है, जो अनुप्रयोगों के लिए तेजी से काम करता है।

प्रदर्शन

JS फ़ंक्शन को स्ट्रिंग संकलित करने की प्रक्रिया टेम्पलेट 7 का सबसे धीमा खंड है। इसलिए, आपको कई बार टेम्पलेट को संकलित करने की आवश्यकता नहीं है, केवल एक बार पर्याप्त है।

//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
});

टेम्प्लेट 7 एक हल्का टेम्प्लेट इंजन है जिसका उपयोग फ्रेमवर्क 7 के बिना स्टैंडअलोन लाइब्रेरी के रूप में किया जाता है। Template7 फाइलें दो तरीकों का उपयोग करके स्थापित की जा सकती हैं -

  • आप Template7 github भंडार से डाउनलोड कर सकते हैं ।

  • या

  • आप इसे निम्न आदेश द्वारा Bower के माध्यम से स्थापित कर सकते हैं -

bower install template7