नोड.जेएस के लिए NodeSmarty नया टेम्पलेट इंजन (3.beta)

शायद हर वेब डेवलपर ने स्मार्टी टेम्पलेट इंजन (php) के बारे में सुना है। लेकिन चूंकि मैं अक्सर जावास्क्रिप्ट का शौकीन हूं, इसलिए इस भाषा के लिए एक समान टेम्पलेट इंजन खोजने का निर्णय लिया गया, लेकिन सर्वर-साइड (नोड.जेएस, हाँ)। खोज इंजन में पहले लिंक ऐसे टेम्पलेट इंजन द्वारा जारी किए जाते हैं जैसे: ईसीटी , जस्ट , म्यू । वे सभी, ज़ाहिर है, मेरे लिए उपयुक्त नहीं थे, क्योंकि स्मार्ट सिंटेक्स से बहुत दूर थे।

ठीक है, यदि आप चाहते हैं, लेकिन कोई समाधान नहीं है, तो इसे करें। काम पर समय की तलाश और कभी-कभी "कैप" प्राप्त करने के लिए, NodeSmarty परियोजना का जन्म हुआ, जो भविष्य में, स्मार्टी सिंटैक्स की आंशिक रूप से प्रतिलिपि बनाएगा।



इसलिए, परियोजना ने लगभग 4 महीने पहले, सितंबर 2012 में अपनी जड़ें जमा लीं, और धीरे-धीरे एक कामकाजी रूप ले लिया। सबसे पहले, पूरे टेम्पलेट संकलन एल्गोरिथ्म को स्मार्टी (Smarty_Compiler.class.php फ़ाइल) से लिया गया था, कुछ फ़ंक्शन पोर्ट नहीं किए गए थे। कोड लिखने की प्रक्रिया में, मैंने सादगी के संदर्भ में सभी प्रकार के कोड में कटौती की, क्योंकि यह "मेरी शैली" है। इसलिए, सभी विशाल नियमित अभिव्यक्तियों को बदल दिया गया (और वैसे, अभी भी उनमें बहुत सारा अनावश्यक कचरा था), कार्यों में तर्क का हिस्सा।

चूंकि परियोजना रन-इन नहीं है, इसलिए यह काफी स्पष्ट है कि प्रक्रिया में पर्याप्त संख्या में बग पाए जाएंगे। मुझे यह भी पक्का पता है कि टेम्प्लेट में त्रुटि से निपटने की दिशा में शिकायतें होंगी (इस स्तर पर यह "फ़ंक्शन" खराब तरीके से लागू किया गया है)। मुझे केवल कोड के सुधार के बारे में संदेश प्राप्त करने में खुशी होगी, और संभव हद तक, दोनों सुधार और नए कार्य करें।

टेम्पलेट इंजन के उदाहरण:

compiler.js:

var NodeSmarty = require('./NodeSmarty/'); var Template = new NodeSmarty(); Template .setTemplateDir('./templates/') .setCompileDir('./compile/') .setCacheDir('./cache/'); var Array = ['val1', 'two']; Template.assign({ 'Value':'first', 'number':10, 'array':Array }); var Final = Template.fetch('template.tpl', function(data) { console.log(data); }); 

template.tpl:

 {include file="header.tpl.html"} {$Value} {$number*10/20} {if !$Value} //... {elseif $number = $Value} //... {else} //... {/if} {* comment *} {literal} for(var di=0; di < 10; di++) { console.log(di); } {/literal} {foreach from=$array item=Foo key=Key} Item: {$Foo} key: {$Key} {/foreach} 

कोड निष्पादन की गति EJS और JUST से तेज है। यह इस तथ्य के कारण होता है कि जब फ़ाइल फिर से अनुरोध की जाती है, तो एक टेम्पलेट नहीं कहा जाता है, लेकिन पहले से संकलित कोड। लेकिन एक और प्लस है (हालांकि यह नहीं होगा, लेकिन यह भविष्य में होगा) - निष्पादन की गति बढ़ाना भी फ़ाइल सिस्टम पर निर्भर करता है (हाँ, पहले आपको यह जांचने की ज़रूरत है कि क्या टेम्पलेट बदल गए हैं, उन्हें फिर से खोलें)। यदि आप पहले अनुरोध पर फ़ाइलों को संकलित करते हैं, और बस अगले अनुरोध पर उन्हें अनलोड करते हैं, तो गति तदनुसार बढ़ जाएगी, और कोड निष्पादन का समय भी कम हो जाएगा!

1000 पुनरावृत्तियों पर कोड निष्पादन की गति की तुलना:



काम के सिद्धांत के बारे में थोड़ा सा।

यदि फ़ाइल संकलित करने से पहले टेम्प्लेट को बदल दिया जाता है, तो लाइब्रेरी केवल संकलित फ़ाइल को लोड करती है और इसमें मानों को प्रतिस्थापित करती है। यदि बाद में टेम्प्लेट बदल दिया जाता है, तो निम्नलिखित निर्देश निष्पादित किए जाते हैं:

सबसे पहले, दस्तावेज़ को एक ओपनिंग टैग की उपस्थिति के लिए पार्स किया गया है: { और एक समापन टैग: } (हालाँकि यदि आप चाहें तो इसे बदल सकते हैं, दस्तावेज़ देखें)।
फिर प्रत्येक टैग को मुख्य पैरामीटर और विशेषताओं पर पार्स किया जाता है। मुख्य पैरामीटर को भी संसाधित किया जाता है और इसे 2 प्रकारों में विभाजित किया जाता है: कमांड या चर। चर वर्तमान डॉलर चिह्न ( $ ) द्वारा कमांड से भिन्न होता है। चर और आदेश दोनों को स्वयं को जावास्क्रिप्ट कोड में बदलने के लिए संसाधित किया जाता है। संकलित कोड एक फ़ाइल के लिए लिखा गया है और पाठ का एक निकासी होता है (हालांकि वहाँ eval नहीं है, लेकिन नया फ़ंक्शन () )।

प्रोजेक्ट का लिंक: NodeSmarty.com

GitHub.com लिंक: github.com/lampaa/NodeSmarty

नोड.जेएस से लिंक करें: नोड। जेएस