Utilisation du guidon avec colonne vertébrale

Question

J'apprends Backbone / Handlebars / Require. J'ai regardé partout en ligne et sur SO - existe-t-il des didacticiels ou des sites Web auxquels vous pouvez m'adresser et qui pourraient fournir des informations utiles pour l'utilisation du guidon au lieu du soulignement?

Answer 1

À l'aide de handlebars.js au lieu de souligner les templates, c'est assez simple. Découvrez cet exemple:

http://backbonetutorials.com/what-is-a-view/ (faites défiler jusqu'à la "Chargement d'un Modèle" de la section)

SearchView = Backbone.View.extend({
    initialize: function(){
        this.render();
    },
    render: function(){
        // Compile the template using underscore
        var template = _.template( $("#search_template").html(), {} );
        // Load the compiled HTML into the Backbone "el"
        this.el.html( template );
    }
});

Fondamentalement, la convention de la colonne vertébrale est de construire votre code html dans le rendu d'une fonction. L'utilisation du moteur de template est laissée entièrement à vous (et que j'aime à propos de colonne vertébrale). Donc, si vous voulez passer à la...

SearchView = Backbone.View.extend({
    initialize: function(){
        this.render();
    },
    render: function(){
        // Compile the template using Handlebars
        var template = Handlebars.compile( $("#search_template").html() );
        // Load the compiled HTML into the Backbone "el"
        this.el.html( template );
    }
});

Depuis que vous utilisez require.js, vous pouvez prendre le Guidon d'une dépendance à la partie supérieure de votre module. Je suis assez nouveau à cela, mais il semble que l'apprenant à se concentrer sur serait Backbone.js modèles et require.js d'utilisation.

Answer 2

Si vous utilisez require.js, vous ne pourrez pas utiliser le fichier Handlebars actuel. J'ai utilisé le plugin Handlebars suivant et il semble être mis à jour avec la version actuelle. Il suffit de remplacer votre fichier Handlebars par le plug-in ci-dessus si Handlebars renvoie null dans votre module.

Answer 3

Maintenant, le framework Thoraxjs le fait déjà et ils prétendent être des "Backbone + Handlebars" éprouvés. Avec des cas de réussite comme Walmart.

http://thoraxjs.org/