Úvod do Backbone.js Část 3:Směrovače – Video tutoriál

Jsme na části 3 v sérii videonávodů Backbone.js. Tento týden představujeme další důležitý kousek skládačky páteře:routery. Své aplikace v JavaScriptu byste mohli vytvářet bez směrovačů, ale důmyslná technika směrovačů umožňuje uživatelům přidat si aplikaci do záložek v konkrétním stavu nebo dokonce použít tlačítka zpět a vpřed k procházení historií stavu vašich aplikací. Podívejte se na video a dozvíte se více!

Seriál výukových videí Backbone.js

• Backbone.js Část 1:Modely
• Backbone.js, část 2:Zobrazení
• Backbone.js, část 3:Směrovače
• Backbone.js, část 4:Kolekce
• Backbone.js, část 5:AJAX
• Páteřní průvodce aplikací, část 1:HTML a modely
• Průvodce základní aplikací, část 2:Zobrazení a šablony
• Návod na základní aplikaci, část 3:Nové zobrazení a externí šablony
• Návod na základní aplikaci, část 4:Žije!
• Návod na základní aplikaci, část 5:RequireJS

Konečný kód JavaScript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

var Router = Backbone.Router.extend({
    routes: {
        "foo/:bar" : "paramtest",
        "*action" : "func"
    },
    func: function (action) {
        console.log(action);
    },
    paramtest:function (p) {
        console.log(p);
    }
});

new Router();

Backbone.history.start();

Závěr

Jak je uvedeno ve videu, omlouvám se za zpoždění. Tento týden však uvidíte alespoň dvě videa! Ve čtvrtek (alespoň doufám, že je to ve čtvrtek) by měla vyjít 4. část:Kolekce. Na rozdíl od itineráře, který jsem uvedl v části 2, jsem se rozhodl udělat ještě jeden tutoriál, než si udělám přestávku a poté spustím aplikaci. Část 5 bude obsahovat návod, jak používat AJAX k naplnění vašich modelů. Neřeknu, jestli to vyjde příští pondělí nebo čtvrtek, takže budete muset počkat a zjistit. Mezitím pokračujte ve studiu částí 1 až 3, dokud se nebudete cítit sebejistě (což by nemělo trvat příliš dlouho).

Seriál výukových videí Backbone.js

• Backbone.js Část 1:Modely
• Backbone.js, část 2:Zobrazení
• Backbone.js, část 3:Směrovače
• Backbone.js, část 4:Kolekce
• Backbone.js, část 5:AJAX
• Páteřní průvodce aplikací, část 1:HTML a modely
• Průvodce základní aplikací, část 2:Zobrazení a šablony
• Návod na základní aplikaci, část 3:Nové zobrazení a externí šablony
• Návod na základní aplikaci, část 4:Žije!
• Návod na základní aplikaci, část 5:RequireJS