SPA z uporabo AngularJS

Danes je AngularJS postal eden najbolj priljubljenih razvojnih okvirov, predvsem zaradi svoje zmožnosti, da razvijalcem pomaga z lahkoto ustvarjati enostranske aplikacije (SPA). V tradicionalnih spletnih aplikacijah odjemalec (brskalnik) sproži komunikacijski kanal s strežnikom tako, da zahteva stran. Strežnik se odzove tako, da obdela zahtevo in odjemalcu pošlje HTML strani. Če uporabniška zahteva novo stran, strežnik pošlje drugo stran HTML. Tudi če stranka zahteva majhno spremembo, na primer obrazec z osnovnimi podrobnostmi, mora strežnik znova naložiti celotno stran in jo poslati nazaj stranki.

Zahteve za HTML in Ajax

V aplikacijah z eno stranjo se celotna stran naloži v enem posnetku, nadaljnjo komunikacijo pa strežnik izvaja z zahtevami Ajaxa. Brskalnik mora posodobiti le del strani, ki se je spremenil, in ni treba znova naložiti celotne strani vsakič, ko uporabnik pošlje novo zahtevo.
Ker pristop SPA zmanjšuje čas, ki ga strežnik potrebuje za odziv na uporabniške zahteve, spletne aplikacije delujejo hitreje, porabijo manj računalniške moči in razvijalcem uporabniškega vmesnika (UI) omogočajo, da ustvarijo privlačnejše, okretnejše spletne strani.

Ustvarjanje strani Shell

'Ena stran' v SPA se nanaša na lupinsko stran, ki se odziva na poizvedbe v obliki HTML, CSS ali JavaScript. Lupinska stran je asinhrono upodobljena s HTML-jem, kar odpravlja potrebo po potovanju naprej in nazaj na strežnik. Stran lupine potrebuje le sklic na knjižnico AngularJS JavaScript in direktivo ng-view (navidezni vsebnik, ki razvijalcem uporabniškega vmesnika omogoča preklapljanje med pogledi), da AngularJS pove, kje je treba strani z vsebino upodabljati na strani lupine.
Na isti „enojni“ strani AngularJS omogoča razvijalcem, da zagotovijo več pogledov, ki jih vsebuje isti URL. Na isti strani lupine se lahko pojavijo različni nizi pogledov - eden za drugim - in vsak pogled se dinamično naloži, ko in ko se uporabnik pomika po strani.

Vgrajena direktiva AngularJS - ng-app - omogoča razvijalcem, da aplikacijo inicializirajo, z možnostjo dodajanja direktiv drugih proizvajalcev. Direktiva o modelu ng pa vam omogoča, da v pomnilnik dodate izraze, ki vežejo podatke. Oglejte si tukaj:

kako ustvariti dnevniško datoteko v javi -

Po vsem svetu so razvijalci sprejeli SPA s pomočjo AngularJS in po vsej verjetnosti naj bi ta trend trajal nekaj časa.

Imate vprašanje za nas? Prosimo, omenite to v oddelku za komentarje in se vam bomo javili.