और जावास्क्रिप्ट टेम्पलेट इंजन

हमारे समय में, पहले से ही काफी संख्या में लोग हैं, है ना? वे अपने काम के साथ अच्छी तरह से सामना करते हैं, अगर यह आवश्यक है, उदाहरण के लिए, एक सेकंड के सौवें हिस्से में एचटीएमएल उत्पन्न करने के लिए - यह बहुत तेज़ है, और उपयोगकर्ता को यह देरी महसूस नहीं होती है। और क्यों हम सभी ग्राहक-पक्ष का उपयोग करने में जल्दबाजी नहीं कर सकते? उदाहरण के लिए, कुछ बिंदु:

- पृष्ठ उत्पन्न करें (इसमें से अधिकांश) पहले से ही महंगा हो रहा है;

- यदि आप मिश्रित टेम्प्लेटिंग (जावास्क्रिप्ट और आपकी पसंदीदा स्क्रिप्टिंग भाषा दोनों में टेम्पलेट) का उपयोग करते हैं, तो जब आप उन्हें डुप्लिकेट करते हैं, तो एक स्थिति उत्पन्न होगी;



मैं दूसरे बिंदु के बारे में बात करना चाहूंगा, इसका समाधान सीधे पहली समस्या - प्रदर्शन के समाधान को प्रभावित करेगा।



इस तथ्य के बारे में कि टेम्प्लेट का दोहराव खराब है, समझाने की आवश्यकता नहीं है? यह विचार अपने आप में नया नहीं है, लेकिन कार्यान्वयन की गैर-तुच्छ प्रकृति के कारण, यह लोकप्रिय नहीं है (कम से कम वे इस पद्धति के बारे में उतना नहीं करते हैं जितना वे सर्वर भाषाओं में इंजन बनाने के बारे में करते हैं)।

इसलिए, हम एक ऐसा टेम्प्लेट लिख रहे हैं जो जावास्क्रिप्ट और हमारे पसंदीदा पर्ल / php / python / / दोनों को पकड़ सकता है। सब कुछ तार्किक है, हम सब यह समझते हैं, हम चाहते हैं, लेकिन तैयार विकल्प एक दर्जन नहीं हैं, आपको शायद खुद को लिखना होगा, लेकिन अभी थोड़ा समय है, और फिर किसी तरह यह भूल गया है।



एक प्रोग्रामर का काम 90% समय डिजाइन करना, परीक्षण परीक्षण करना और 10% समय कोड लिखना है जब तक कि कोई भी हमें नहीं देखता है, और हमें परेशान नहीं करता है। चलो बात करते हैं कि हमें टेम्पलेट इंजन से क्या चाहिए, और फिर हम इसे स्वयं लिखेंगे।



एक साधारण उदाहरण पर, आइए आरेख को समग्र रूप से देखें।





टेम्पलेट:

< ul >

{%topics}

< li class ="{?#id == 1}first{|}other{/?}" > {#title} </ li >

{/%topics}

</ ul >



* This source code was highlighted with Source Code Highlighter .

JSON के रूप में डेटा:

[{title: '' ,id: 1},{title: '' ,id: 2},{title: '' ,id: 3},{title: '' ,id: 4},{title: '' ,id: 5}]



* This source code was highlighted with Source Code Highlighter .

परिणाम स्वरूप HTML

< ul >

< li class ="first" > </ li >

< li class ="other" > </ li >

< li class ="other" > </ li >

< li class ="other" > </ li >

< li class ="other" > </ li >

</ ul >



* This source code was highlighted with Source Code Highlighter .

टेम्प्लेट पार्सर के साथ हमारे टेम्प्लेट को संसाधित करने के परिणामस्वरूप, आउटपुट एक जेएस लाइब्रेरी और हमारी स्क्रिप्टिंग भाषा के लिए एक मॉड्यूल होना चाहिए।

मैं अपनी पसंदीदा स्क्रिप्टिंग भाषा के लिए कोड कैसा होना चाहिए, इसके बारे में कुछ नहीं बताऊंगा, हम केवल इस बात पर ध्यान देते हैं कि यदि यह हमारे हैश एरे को फीड करता है, तो उसे जल्दी से html उत्पादन करना चाहिए।



और अब जावास्क्रिप्ट लाइब्रेरी के बारे में। अगर हमें इसके समान कुछ मिलता है (मैं आपको याद दिलाता हूं, यह टेम्पलेट इंजन का परिणामी कोड है, और, सिद्धांत रूप में, हमारे लिए इसकी पठनीयता जा रही थी, क्या चल रहा था):

( function (){



zTpl = function (options) {

this .init(options);

return this ;

};



zTpl.prototype = {

init: function (options) {

this .opt = options

},

topics: function (data) {

var out = '<ul>' ;

for ( var i=0; i< data.length; i++) {

out += '<li class="' ;

if (data[i].id == 1) {

out += 'first' ;

} else {

out += 'other' ;

}

out += '">' +data[i].title+ '</li>' ;

}

out += '</ul>' ;

return out ;

}

};



})();



* This source code was highlighted with Source Code Highlighter .

यह पहले से ही ग्राहक की ओर है, हम यह करेंगे:

var d = [{title: '' ,id: 1},{title: '' ,id: 2},{title: '' ,id: 3},{title: '' ,id: 4},{title: '' ,id: 5}];

var tpl = new zTpl();

var html = tpl.topics(d);



* This source code was highlighted with Source Code Highlighter .

और इसलिए, हमें वह मिला जो हम चाहते थे:

- टेम्पलेट और इनपुट JSON द्वारा HTML पीढ़ी;

- टेम्प्लेट का उपयोग हमारे द्वारा स्क्रिप्टिंग भाषा और जावास्क्रिप्ट दोनों में किया जाता है, इसलिए उनका कोई दोहराव नहीं है;

- इस तथ्य के कारण कि हमारे टेम्पलेट देशी कोड (स्क्रिप्ट भाषा और जावास्क्रिप्ट) में बदल जाते हैं, हमें पीढ़ी की अधिकतम संभव गति मिलती है;



ध्यान दें:

- टेम्प्लेट के वैरिएबल वैरिएबल और स्टैटिक डेटा (संक्षेप में लाइनें) के कारण जेनरेशन होता है।

- उपरोक्त टेम्प्लेट और कोड हमारे भविष्य के टेम्प्लेट इंजन की संभावनाओं के हिमखंड का सिरा है। यहाँ हमारे सर्वर टेम्पलेट इंजन की सभी अच्छाइयाँ और अधिकताएँ मिलेंगी, जहाँ तक संभव हो, जैसे कि चर-चर का बहु-स्तरीय घोंसला, पुनरावृत्ति, और यहां तक ​​कि कैशिंग का एक प्रकार।



सज्जन इस विकास के बारे में क्या सोचते हैं? इस कार्रवाई की तेजी?