SPA Izmantojot AngularJS



Šis emuāra ziņojums ir īss ievads SPA izveidošanai, izmantojot AngularJS. Tas mēģina apbruņot jūs ar informāciju, kas nepieciešama, lai iekļautu SPA komponentus lietotnēs.

Mūsdienās AngularJS ir kļuvis par vienu no populārākajiem izstrādes ietvariem, galvenokārt pateicoties tā spējai palīdzēt izstrādātājiem viegli izveidot vienas lapas lietojumprogrammas (SPA). Tradicionālajās tīmekļa lietojumprogrammās klients (pārlūkprogramma) uzsāk sakaru kanālu ar serveri, pieprasot lapu. Serveris atbild, apstrādājot pieprasījumu un nosūtot lapas HTML klientam atpakaļ. Ja lietotājs pieprasa jaunu lapu, serveris nosūta citu HTML lapu. Pat ja klients pieprasa veikt nelielas izmaiņas, teiksim veidlapu ar pamatinformāciju, serverim atkal jāielādē visa lapa un jānosūta atpakaļ klientam.

HTML un Ajax pieprasījumi

Vienlapas lietojumprogrammās visa lapa tiek ielādēta vienā kadrā, un turpmāko saziņu serveris veic, izmantojot Ajax pieprasījumus. Pārlūkprogrammai ir jāatjaunina tikai tā lapas daļa, kas ir mainījusies, un nav nepieciešams atkārtoti ielādēt visu lapu katru reizi, kad lietotājs iesniedz jaunu pieprasījumu.
Tā kā SPA pieeja samazina servera patērēto laiku, lai atbildētu uz lietotāju pieprasījumiem, tīmekļa lietojumprogrammas darbojas ātrāk, patērē mazāk skaitļošanas jaudas un ļauj lietotāja saskarnes (UI) izstrādātājiem izveidot pievilcīgākas, veiklākas tīmekļa lapas.





Shell lapu izveide

SPA “viena lapa” attiecas uz čaulas lapu, kas atbild uz jautājumiem HTML, CSS vai JavaScript formā. Apvalka lapa tiek asinhroni atveidota ar HTML, novēršot nepieciešamību virzīties uz priekšu un atpakaļ uz serveri. Apvalka lapā ir nepieciešama tikai atsauce uz AngularJS JavaScript bibliotēku un ng-view direktīva (virtuāls konteiners, kas UI izstrādātājiem ļauj pārslēgties starp skatiem), lai AngularJS pateiktu, kur satura lapas ir jānorāda čaulas lapā.
Tajā pašā vienā lapā AngularJS ļauj izstrādātājiem nodrošināt vairākus skatus vienā URL. Tajā pašā čaulas lapā viena pēc otras var parādīties dažādi skatu komplekti, un katrs skats tiek dinamiski ielādēts, kad lietotājs ritina lapu.

SPA-using-AngularJS-multiple-views



Iebūvētā AngularJS direktīva - ng-app - ļauj izstrādātājiem inicializēt lietotni, pievienojot iespēju pievienot arī trešo pušu direktīvas. Savukārt ng modeļa direktīva ļauj atmiņā pievienot datus saistošus izteicienus. Apskatiet šeit:

kā es varu instalēt php

Visā pasaulē izstrādātāji ir pieņēmuši SPA, izmantojot AngularJS, un, visticamāk, ir sagaidāms, ka šī tendence turpināsies kādu laiku.



Vai mums ir jautājums? Lūdzu, pieminējiet to komentāru sadaļā, un mēs ar jums sazināsimies.

Saistītās ziņas: Veiksmīga tīmekļa attīstības karjera ar AngularJS