Backbone.js - Yönlendiriciler

Aksine Backbone.js istemcide bulunur, bir MVC çerçevesi olarak kapasitesi tamamen normaldir, çünkü yalnızca bize izin vermekle kalmaz modeller, görünümler ve denetleyiciler oluşturunile çalışma imkanımız da bulunmaktadır. Yönlendiriciler, böylece yaratma imkanı verir Dostu URL'ler ve aynı uygulamadan denetleyicilere daha iyi erişim sağlar.
Genellikle Backbone.js tek sayfalık uygulamalar yapmaya meyilliyiz, bu yüzden belki bir yönlendiriciAncak tek sayfalık bir uygulama olması, uygulamamızın sahip olduğu farklı kaynaklara erişimde URL'yi yardımcı olarak kullanmamıza engel değildir.
Backbone.js'de yönlendirici
NS yönlendirici içinde Backbone.js Uygulamanın farklı kaynaklarına erişim verdiğimiz URL'ler oluşturmamıza izin verir, fikir, bir kullanıcının uygulamamızı favori olarak işaretlemesine veya işaretlemesine izin vermenin yanı sıra, arama motoru ve SEO amaçları için dost URL'lere sahip olmaktır. tarayıcınız, ancak izin vererek Dostu URL'lerBu, belirli bir bölüme yer işareti koyabilir ve size çok fazla site gezinmesinden tasarruf sağlayabilir.
İle ulaşabileceğimiz URL'ler yönlendirici nın-nin Backbone.js şöyle görünüyorlar:

Veya örneğin kategorilere göre ve o aramanın belirli bir sayfasıyla daha gelişmiş bir sorguya erişmek istiyorsak, şöyle bir şey elde edebiliriz:

Backbone.js ile Yönlendirici Oluşturun
Ne olduğu ve ne olduğu hakkında temel bir anlayışa sahip olduğumuz için yönlendirici bir uygulamada Backbone.jsŞimdi nasıl üretebileceğimizi göreceğiz, böylece onu uygulamalarımıza dahil edebiliriz.
yönlendiriciIn fikri yönlendirici içinde Backbone.js rotaya ulaşıldığında yürütülen bir fonksiyona sahip olmamız gerektiğidir, bununla uygulama URL için bu tür istekler olduğunda ne yapacağını bilecek, bu ilişki bir Router oluşturduğumuzda en önemli sütunlardan biridir. .
İlişki şu şekilde tanımlanır: 'yol': 'işlev' ,. Neresi rota tarayıcı çubuğunda yapılan istektir ve işlev, yönlendirici.
Şimdi bir inşa edelim Temel yönlendirici açıkladığımız şeyi göstermek için.

 var exampleRouter = Backbone.Router.extend ({/ * * / route: {"test": "sampleTest", / * formu kullanılarak erişilebilen yolları ve işlevleri tanımlarız: http://example.com/# test * / "search /: sorgu / p: sayfa": "searchConsult", / * birkaç parametreye izin vererek daha karmaşık bir rota yapabiliriz * / / * örneğin: http://example.com/#query/work/ p1 * /}, showTest: function () {console.log ("Yönlendirici testine eriştik");}, searchQuestion: function (sorgu, sayfa) {var page_no = sayfa || 1; console.log ("The sayfa numarası: "+ sorgu);} kelimesini içeren aramanın "+ page_no +", defaultRoute: function (diğer) {console.log ('Kaynak:' + diğer + 'Var değil');} } ); var myRouter = new exampleRouter(); 

Burada ilk etapta kendimizi yaratıyoruz. Omurga.Yönlendirici, içinde tüm rotaları ilgili işlevleriyle tanımlayacağız, bununla haritamıza sahip olacağız, sonra rotalarla ilgili her bir işlevi tanımlayacağız ve son olarak yönlendirici.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.