2012-12-31 27 views
11

के साथ लोडिंग टेम्पलेट्स मैं जावास्क्रिप्ट विकास में शुरू कर रहा हूं, और एक सरल एपीआई और बैकबोन का उपयोग कर क्लाइंट के रूप में node.js के साथ एक साधारण प्रोजेक्ट किया है, जब तक कि मैं अपने टेम्पलेट्स को अपने जेएस से बाहर नहीं ले लेता तब तक सब कुछ पूरी तरह से दिखता है।रीढ़ की हड्डी जेएस

मैं अलग दृष्टिकोण, उनमें से कुछ के लिए कुछ समय के साथ पाया (जैसे एक वर्ष), लेकिन मैं नहीं समझ सकता है जो एक बेहतर हो सकता: एचटीएमएल के साथ एक वर के साथ

  • एक .js फ़ाइल कोड

    पेशेवर -> लोड करने में आसान, इसे संकलित करने के लिए अंडरस्कोर को पास करना आसान है।

    विपक्ष -> प्रत्येक पंक्ति को स्कैप करें।

    app.templates.view = " \ 
    <h3>something code</h3> \ 
    "; 
    

    लोड टेम्पलेट:

    template: _.template(app.templates.view) 
    

External template in Underscore

  • उपयोग require.js पाठ प्लग-इन के साथ लोड करने के लिए।

    पेशेवर -> आवश्यकतानुसार विभिन्न टेम्पलेट लोड करें।

    विपक्ष -> मैं एक "लोडर" समारोह के अंदर सब कुछ डाल करने के लिए दृष्टिकोण पसंद नहीं है ...

    define(["TemplateEngine", "text!templates/template.html"], function(... 
    

RequireJS: Loading modules including templates and CSS

  • एक समारोह है कि टेम्पलेट्स लोड करता है एक AJAX याचिका के साथ।

    पेशेवर -> आप जिस टेम्पलेट की आवश्यकता है उसे लोड कर सकते हैं और स्थानीय स्टोरेज की संभावनाएं जोड़ सकते हैं।

    विपक्ष -> ऐसा लगता है कि मुझे अपने सभी टेम्पलेट्स को उत्पादन वातावरण के लिए एक फ़ाइल में विलय करना है।

    function() { 
    
    var templateLoader = {... $.get calls ...} 
    

Best way to asynchronously load underscore templates

  • और एक jQuery प्लग में टेम्पलेट लोड करने के लिए है कि मैं वास्तव में पसंद है, लेकिन ऐसा लगता है कि इसे जारी करने जाना नहीं था?

http://api.jquery.com/jQuery.template/

ऐसा लगता है कि आवश्यकता होती है सबसे अच्छा तरीका है, लेकिन शायद मैं कुछ याद कर रहा हूँ, मैं मज़ा आ रहा है संभव के रूप में स्वच्छ के रूप में चीजों को बनाने के लिए के बाद से मैं सीखने में हूँ wan't है/चरण: डी

किसी भी अच्छे लेख या गीथब परियोजना के साथ अच्छी संरचना या किसी भी प्रकाश की सराहना की जाएगी।

धन्यवाद।

कीजिए किसी भी बड़े वर्तनी की गलती है, न कि अंग्रेजी वक्ता :)

--EDIT-- को समझने के लिए शुरू करने और require.js साथ बातें रैप करने के लिए कैसे कुछ दिलचस्प वीडियो नहीं मिले http://www.youtube.com/watch?v=VGlDR1QiV3A

http://www.youtube.com/watch?v=M-wjQjsryMY

उत्तर

2

मैं टेक्स्ट प्लगइन के साथ requ.js का उपयोग करने की अनुशंसा करता हूं। जावास्क्रिप्ट चर में स्ट्रिंग के रूप में HTML टेम्पलेट्स को मिक्स करना बुरा विचार है, साथ ही <script type="text/template"></script> जैसे कुछ का उपयोग करना।

बैकबोन.जेएस पर एक बहुत अच्छी श्रृंखला है जिसमें टेम्पलेट लोडिंग और प्रोजेक्ट बिल्ड भी शामिल है: http://dailyjs.com/2012/11/29/backbone-tutorial-1/। गितूब परियोजना भी प्रदान की जाती है।

+0

Thx मुझे एक नज़र आएगी,

2

आवश्यकता आपके द्वारा सूचीबद्ध लोगों से एक अच्छा विकल्प है। पृष्ठों है कि उन्हें <script type='text/template'> नोड्स के रूप में उपयोग में

  1. भंडारण टेम्पलेट्स:

    एक कारण तो आप बस नहीं माना जाता है है?

  2. टेक्स्ट (गैर-जेएस) फ़ाइलों के रूप में टेम्पलेट्स संग्रहीत करना और उन्हें उपयोग करने वाले पृष्ठों पर एक्सएचआर के माध्यम से लोड करना?

+0

thx, अपने सुझावों पर नज़र डालें :) – Goofyahead