Satura rādītājs
Kad esam definējuši, kas maršrutētājs mūsu lietotnē Backbone.js, mums ir jāklausās URL izmaiņām, tas ir, kad mūsu lietotājs ievieto vērtību, piemēram, aplicacion.com/#ruta Tādējādi lietotājs varēs ne tikai klausīties, bet arī pievienot lietojumprogrammai grāmatzīmes.Mugurkauls.vēsture
Kā mēs paskaidrojām, tas ir elements, kas liek mūsu lietojumprogrammai sākt klausīties izmaiņas url, ņemot hash, šajā ziņā ir svarīgi, ka tas palīdz mums izveidot lietojumprogrammu, kurā var būt sadaļas, kas tiek saglabātas kā marķieris vai grāmatzīme ko rada lietotājs, tādējādi izveidojot sadaļas, kurām var piekļūt tieši, neizejot no daudzām problēmām.
Kā izmantot?Lai izmantotu Mugurkauls.vēsture mums tas jādara, kad esam definējuši objektu, kas inicializē mūsu maršrutētājs un tāpēc mēs to darām .start () metode.
Tālāk redzēsim, kā šī darbība notiks:
var myRouter = jauns exampleRouter (); Backbone.history.start ();
Šajā gadījumā mums ir a Maršrutētājs sauca exampleRouter kas ir piešķirts mainīgajam miRouter, kā mēs norādījām, kad šī darbība ir veikta, mēs izmantojam .start () metode kā mēs redzam piemēra pēdējā rindā.
Ja mēs izpildām sekojošo Maršrutētājs Mūsu tīmekļa serverī mēs varam redzēt, kā tas, ko mēs izskaidrojam, mums darbojas:
var exampleRouter = Backbone.Router.extend ({route: {"test": "sampleTest", "search /: query / p: page": "searchConsult", "* other": "defaultRoute",}, sampleTest: function () {console.log ("Mēs esam piekļuvuši maršrutētāja testam");}, searchQuestion: function (vaicājums, lapa) {var page_no = page || 1; console.log ("The page no:" + page_no + " no meklēšanas, kurā ir vārds: " + vaicājums);}, defaultRoute: function (other) {console.log ('Resurss:' + cits + 'nepastāv');}}); var myRouter = jauns exampleRouter (); Mugurkauls.vēsture.starts (); Tālāk redzamajā attēlā redzēsim, kā tas izpaužas, kad mēs piekļūstam meklēšanas ceļam un nododam tam vēlamos parametrus:
Šī navigācijas metode
Šī metode mums ļauj atjauniniet lietojumprogrammas URL no metodes, tas palīdz mums izvairīties no lapas atkārtotas ielādēšanas un tādējādi nezaudēt vienas lapas lietojumprogrammas mērķi. Sīkāka informācija ir tāda, ka šī metode neļauj tai iet caur maršrutētāju, tāpēc mums tas jādara skaidri, apskatīsim piemērus:
1- Neejot cauri maršrutētājs:
viewTask: function (id) {console.log ("Skatīt pieprasīto uzdevumu."); this.navigate ("uzdevums /" + id + ' / rediģēt'); // atjauniniet URL, bet tas neiet caur maršrutētāju}, 2- Ar korekciju, kas liek tai iet cauri maršrutētājs:
viewTask: function (id) {console.log ("Skatīt pieprasīto uzdevumu."); this.navigate ("task /" + id + ' / edit', {trigger: true}); // atjauniniet URL, bet tas neiet caur maršrutētāju}, Ar to mēs jau sasniedzam mērķi no lietojumprogrammas mainīt URL un uzreiz iet caur maršrutētāju tieši.
Šīs apmācības beigās mēs redzējām lietderību piekļūt mūsu lietojumprogrammai, izmantojot draudzīgus URL, jo tas palīdz mums padarīt to vieglāk lasāmu meklētājprogrammām un lietotājiem, tādējādi uzlabojot SEO.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu
