टेम्पलेट दृश्य और रीढ़ की हड्डी दृश्य कोड रखने के लिए सबसे अच्छा अभ्यास क्या है

Question

मैं बैकबोन.जेएस का उपयोग कर एएसपी.NET एमवीसी 3 एप्लिकेशन बना रहा हूं। मैं विचारों के लिए jQuery टेम्पलेट्स का भी उपयोग कर रहा हूं।

मेरा सवाल यह है कि मैं फ़ाइलों को एक कुशल तरीके से कैसे व्यवस्थित करूं?

वर्तमान में मेरे पास रीढ़ की हड्डी के अनुप्रयोग के लिए XXX.js फ़ाइल है और पृष्ठ में संग्रहीत रेखांकित टेम्पलेट्स हैं जो रीढ़ की हड्डी अनुप्रयोग, Index.cshtml दिखाता है। मैं टेम्पलेट्स को एक अलग फ़ाइल में कैसे ले जा सकता हूं जिसमें मैं शामिल कर सकता हूं जैसे कि मैं XXX.js शामिल करता हूं?

App/ 
    Scripts/ 
    backbone.js 
    underscore.js 
    jquery-1.6.4.js 
    jquery.tmpl.js 
    myBackboneApplication.js 
    Views/ 
    Home/ 
     Index.cshtml 
    Controllers/ 
    HomeController.cs 

मैं Index.cshtml से बाहर है और myBackboneApplication.js से संबंधित कुछ में टेम्पलेट्स स्थानांतरित करना चाहते हैं। कुछ जो मैं इनलाइन के बजाय index.cshtml के अंदर एक फ़ाइल के रूप में शामिल कर सकता हूं।

Answer 1

आप this related question देख सकते हैं। दो बुनियादी विकल्प हैं:

1. तारों के रूप में अपने टेम्पलेट बनाएं और अपनी अनुक्रमणिका फ़ाइल में जावास्क्रिप्ट फ़ाइल शामिल करें।

2. अलग-अलग फ़ाइलों में HTML के रूप में अपने टेम्पलेट बनाएं, और उन्हें निर्माण समय पर इंडेक्स फ़ाइल में डालें, अधिकतर <script type="text/template"> टैग के भीतर।

मेरे वर्तमान Backbone.js परियोजना में, मैं दूसरा विकल्प का उपयोग कर रहा हूँ - मैं एक अलग फ़ोल्डर में अपने सभी टेम्पलेट्स रखने के लिए, और मैं अपने चींटी निर्माण के दौरान मेरे इंडेक्स फ़ाइल में उन्हें सम्मिलित करें। प्रत्येक टेम्पलेट (उदा। my-view-template.html) <script> टैग id="my-view-template" के साथ टैग में डाला गया है, और फिर मैं टेम्पलेट स्ट्रिंग के रूप में $("#my-view-template").html() का उपयोग करके टेम्पलेट्स बनाने के लिए jQuery का उपयोग करता हूं।