Chargement de modèles avec backbone js
Je suis débutant en javascript développement, et a fait un projet simple avec node.js comme une API rest et un client à l'aide de la dorsale, le tout parfaitement jusqu'à ce que je veux obtenir mon des modèles de mon js.
J'ai trouvé des approches différentes, certains d'entre eux avec un certain temps (un an) mais je ne peux pas comprendre qu'on pourrait être mieux:
- Un .fichier js avec un var avec le code html
pros -> facile à charger, facile à passer pour souligner le compiler.
cons -> scape chaque ligne.
app.templates.view = " \ <h3>something code</h3> \ ";
charger un modèle:
template: _.template(app.templates.view)
Externe modèle dans le trait de Soulignement
- Utilisation require.js pour charger avec le plug-in de texte.
pros -> load différents modèles que nécessaire.
cons -> je n'aime pas l'approche de tout mettre à l'intérieur d'un "loader" de la fonction...
define(["TemplateEngine", "text!templates/template.html"], function(...
RequireJS: le Chargement de modules, y compris les modèles et les CSS
- Une fonction qui charge les modèles avec un AJAX pétition.
pros -> Vous pouvez charger le modèle que vous avez besoin et ajoute local de stockage de posibilités.
cons -> Semble que j'ai pour fusionner tous mes modèles en un seul fichier pour les environnements de production.
function() { var templateLoader = {... $.get calls ...}
La meilleure façon de charger de manière asynchrone trait de soulignement modèles
- Et un plug-in Jquery pour le modèle de chargement que j'ai vraiment aimé, mais il semble qu'il n'est pas allé à la libération?
http://api.jquery.com/jQuery.template/
Il semble que le besoin de la meilleure approche, mais peut-être que je manque quelque chose, je ne wan pas à rendre les choses aussi propre que possible, car je suis dans le processus d'apprentissage et avoir du plaisir phase 😀
Tout bon article ou un projet github avec une bonne structure ou toute la lumière sur ce sera apprécié.
Grâce.
Excuse majeure faute d'orthographe, pas anglais 🙂
--EDIT--
trouvé quelques vidéos intéressantes à comprendre comment démarrer et envelopper les choses avec require.js
http://www.youtube.com/watch?v=VGlDR1QiV3A
http://www.youtube.com/watch?v=M-wjQjsryMY
source d'informationauteur Goofyahead
Vous devez vous connecter pour publier un commentaire.
Je vous conseille d'utiliser require.js avec le texte de plugin. Mélange de modèles html, comme des chaînes de caractères dans la variable javascript est une mauvaise idée, ainsi que d'utiliser quelque chose comme
<script type="text/template"></script>
.Ici est une très bonne série sur backbone.js qui couvre modèle de chargement de projet et de construire ainsi: http://dailyjs.com/2012/11/29/backbone-tutorial-1/. Projet Github est également fourni.
Besoin est une bonne option à partir de ceux que vous avez énumérés.
Est-il une raison pour laquelle vous n'avez pas le considérer simplement:
Le stockage de modèles dans les pages qui les utilisent comme
<script type='text/template'>
nœuds?Stocker des modèles de texte (non-JS) des fichiers et de les charger via XHR sur les pages qui les utilisent?