İçindekiler
Ne olduğunu tanımladıktan sonra yönlendirici uygulamamızda Backbone.js, URL'deki değişiklikleri dinlemesini sağlamalıyız, bu, kullanıcımız ilgili hash ile bir değer koyduğunda, örneğin, aplikacion.com/#ruta Bununla, dinlemeyi etkinleştirmenin yanı sıra, kullanıcı uygulamayı favorilere de ekleyebilecek.omurga.tarih
Açıkladığımız gibi, uygulamamızın başlamasını sağlayan unsur budur. karmaları alarak url'deki değişiklikleri dinleyin, bununla ilgili önemli olan şu ki, aynı zamanda şu şekilde saklanan bölümlere sahip olabilecek bir uygulama yapmamıza da yardımcı oluyor. işaretleyici veya yer imi kullanıcı tarafından, böylece birçok sorunla karşılaşmadan doğrudan erişilen bölümler oluşturulur.
Nasıl kullanılır?kullanmak için omurga.tarih başlatan nesneyi tanımladıktan sonra yapmalıyız. yönlendirici ve bunun için bunu yapıyoruz .start() yöntemi.
Bu eylemin nasıl olacağını aşağıdaki kodda görelim:
var myRouter = new exampleRouter(); Backbone.history.start();
Bu durumda elimizde bir yönlendirici isminde örnekYönlendirici miRouter değişkenine atanan, bu işlem yapıldıktan sonra belirttiğimiz gibi, .start() yöntemi örneğin son satırında gördüğümüz gibi.
Aşağıdakileri uygularsak yönlendirici Web sunucumuzda anlattıklarımızın bizim için nasıl çalıştığını görebiliriz:
var exampleRouter = Backbone.Router.extend ({routes: {"test": "sampleTest", "search /: sorgu / p: page": "searchConsult", "* other": "defaultRoute",}, sampleTest: function () {console.log ("Yönlendirici testine eriştik");}, searchQuestion: function (sorgu, sayfa) {var page_no = sayfa || 1; console.log ("Sayfa no:" + page_no + " kelimesini içeren aramadan:" + sorgu);}, defaultRoute: function (diğer) {console.log ('Kaynak:' + diğer + 'Mevcut değil');}}); var myRouter = new exampleRouter(); Backbone.history.start(); Arama yoluna erişip istediğimiz parametreleri ilettiğimizde aşağıdaki resimde nasıl olduğunu görelim:
this.navigate yöntemi
Bu yöntem bize izin veren yöntemdir. uygulama URL'sini bir yöntemden güncelleyin, bu, sayfayı yeniden yüklemek zorunda kalmamamıza ve böylece tek sayfalı bir uygulamanın amacını kaybetmememize yardımcı olur, ayrıntı, bu yöntemin yönlendiriciden geçmesini sağlamamasıdır, bu yüzden açıkça yapmalıyız, örnekleri görelim:
1- İçinden geçmeden yönlendirici:
viewTask: function (id) {console.log ("İstenen görevi görüntüleyin."); this.navigate ("görev /" + kimlik + '/ düzenle'); // URL'yi güncelleyin ancak yönlendiriciden geçmiyor}, 2- Geçmesini sağlayan düzeltme ile yönlendirici:
viewTask: function (id) {console.log ("İstenen görevi görüntüleyin."); this.navigate ("görev /" + id + '/ edit', {trigger: true}); // URL'yi güncelleyin ancak yönlendiriciden geçmiyor}, Bununla zaten uygulama içinden hedefe ulaşıyoruz URL'yi değiştir ve bir kerede doğrudan yönlendiriciden geçin.
Bu öğreticinin sonunda, kullanıcı dostu URL'ler aracılığıyla uygulamamıza erişmenin faydasını gördük, çünkü bu, onu arama motorları ve kullanıcılar için daha okunabilir hale getirmemize ve böylece SEO.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
